SCREENSHOOT :
Akhirnya ada juga yg request gue untuk mengeshare Cara membuat Banner
Box dibawah header. pada ingin tahu caranya.? jika ingin mari ikuti
tutorialnya sampai selesai.
Pertama Login Ke Blogger Sobat.
Masuk ke Rancangan lalu >> Edit HTML
Cari Kode ]]></b:skin>
Jika Sudah ketemu taruh kode dibawah ini diats Kode ]]></b:skin>
.post
img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s
ease;-webkit-transition:all 1.5s ease}.post
img:hover{-o-transform:scale(1.2) rotate(360deg)
translate(0px);-moz-transform:scale(1.2) rotate(360deg)
translate(0px);-webkit-transform:scale(1.2) rotate(360deg)
translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s
ease;-webkit-transition:all 1.5s ease}}
#rpnrk li:hover
ul.rpostx.hidden,#rpnrk li:hover
ul.rcommentsx.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
#rcpnreccom{float:right;height:25px}
#rpnrk,.rss{display:inline-block;height:25px;float:left}
a.rpost,a.rkmtr{display:block;width:25px;height:25px;cursor:pointer}
a.rpost
span,a.rkmtr
span{position:absolute;width:90px;top:-15px;left:-120px;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all
0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease
0s;-moz-transition:all 0.5s ease 0s}
a.rpost:hover span,a.rkmtr:hover span{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;left:-50px}
a.rkmtr span{width:120px}
ul.rpostx li,ul.rcommentsx li{overflow:hidden;width:100%}
a.thumrc,.kmtrimg{width:50px;height:50px;display:block;float:left;margin-right:5px}
a.thumrc img,.kmtrimg img{display:block;width:100%;height:100%}
.infrent a,.ketkomt a{display:block;margin-bottom:4px}
span.footer-outer,.ketkomt span{display:block;font-size:75%}
.ketkomt span{font-size:82%}
.rss
a{width:25px;text-indent:-9999px;margin-right:10px;margin-left:5px;height:25px;background-image:url(http://3.bp.blogspot.com/-Zj5V8hsw6xQ/UKKH7740TMI/AAAAAAAAGm8/al3U4nh2sdk/s20/48_rss.png);background-repeat:no-repeat;background-position:50%
50%;display:block}
#socialme{float:right}
#socialme ul,#socialme li{padding:0;margin:0;list-style:none}
#socialme li{margin-bottom:7px}
#socialme li:last-child{margin-bottom:0}
#socialme a{display:block;width:140px;height:38px;padding-left:50px}
#socialme a:hover{padding-left:55px}
#socialme span{line-height:38px;font-size:150%}
#socialme a.fb{background-image:url(http://i.imgur.com/BE6xVac.png);background-repeat:no-repeat;background-position:0 0}
#socialme a.tw{background-image:url(http://i.imgur.com/tMsSAXN.png);background-repeat:no-repeat;background-position:0 0}
#socialme a.go{background-image:url(http://i.imgur.com/hxHkzjV.png);background-repeat:no-repeat;background-position:0 0}
a#top-nav{display:none;width:38px;height:138px;position:fixed;bottom:56px;right:0;background-image:url(http://1.bp.blogspot.com/-R3nS4-NUq5k/UO6YQ_zfQ9I/AAAAAAAABmI/UPgfEuBWf6A/s1600/Yondarkness+Back+To+Top.png);background-position:0
0;background-repeat:no-repeat;cursor:pointer}
a#top-nav:hover {background-position: -38px 0;}
#partner{font-size:9px;float:
left;margin-top: 70px;margin-left: 30px;width: 100px;height:
190px;display: inline;-webkit-border-radius: 15px;-moz-border-radius:
15px;border-radius: 15px;Border: 3px solid
#0000FF;text-align:center;background:#000;position:relative;}
#search{float: right;
margin-right:210px;
margin-top:
310px;}#search input[type="text"]{background:
url(http://2.bp.blogspot.com/-El7-211Pt7o/T5HBuBrNztI/AAAAAAAAAow/bV7f0allh4Q/s1600/cari.png)
no-repeat 10px 6px #000;
border-top: 3px solid #0000FF;
border-left: none;
border-right: none;
border-bottom: 3px solid #0000FF;
font: bold 16px 'Advent Pro',cursive;
color: #fff;
text-shadow: 1px 1px 1px black,-1px 1px 1px black,-1px -1px 1px black,1px -1px 1px black;
width: 250px;
padding: 6px 15px 6px 35px;
border-radius: 25px 25px 25px 25px;
-moz-transition: all 0.1s ease 0s;
-webkit-transition: all 900ms ease-out;
-moz-transition: all 900ms ease-out;
-ms-transition: all 900ms ease-out;
-o-transition: all 900ms ease-out;
transition: all 900ms ease-out;
margin-top: -300px;
margin-right: -200px;
float: right;
}
#footerx1{float:
left;margin-top: 0px;margin-left: 0px;width:
920px;height:200px;display: inline;border:4px solid
#0000FF;position:relative;background:#000;border-radius:0px 0px 10px
10px;}
#footerx2{float: left;margin-top: -180px;margin-left:
20px;width: 225px;height:160px;display: inline;border:4px solid #0000FF;
-webkit-transition: all 560ms ease-out;-moz-transition: all 560ms
ease-out;-ms-transition: all 560ms ease-out;-o-transition: all 560ms
ease-out;transition: all 560ms
ease-out;overflow:auto;padding:3px;position:relative;background:#000}
#footerx2:hover{box-shadow:0 0 20px #006acc;}
#footerx3{float:
left;margin-top: -200px;margin-left: 330px;width:
300px;height:180px;display: inline;border-left:4px solid
#0000FF;border-right:4px solid #0000FF;border-bottom:4px solid
#0000FF;background:#000;overflow:auto;padding-left:10px;position:relative;border-radius:0px
0px 10px 10px;}
#footerx5{float: left;margin-top:
-200px;margin-left: 267px;width: 40px;height:20px;display:
inline;border-left:4px solid #0000FF;border-right:4px solid
#0000FF;border-bottom:4px solid
#0000FF;background:#000;position:relative;border-radius:0px 0px 10px
10px;}
#footerx6{float: left;margin-top: -20px;margin-left:
267px;width: 40px;height:20px;display: inline;width:
40px;height:20px;display: inline;border-left:4px solid
#0000FF;border-right:4px solid #0000FF;border-top:4px solid
#0000FF;background:#000;position:relative;border-radius:10px 10px 0px
0px;}
#footerx7{float: left;margin-top: -160px;margin-left:
267px;width: 40px;height:120px;display: inline;border:4px solid
#0000FF;background:#000;position:relative;border-radius:10px;}
#kredit
{float:left; border:2px solid #0000FF;width:920px;
height:22px;margin-top:10px;
text-align:center;background:#0e0e0e;padding-top:2px;position:relative;}
#sponsor
{float:right;width:171px;height:176px;border:4px dotted
#0000FF;margin-top:-228px;margin-right:328px;background:#000;padding:
3px 3px 3px 3px;position:relative;}
.widgetSystem
a{text-decoration:none;border-bottom:1px solid
#0000FF;display:block;font-size:13px;font-weight:700;font-family:Arial,Arial,sans
serif;-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease
0;-o-transition:all .5s ease 0;transition:all .5s ease
0;margin:5px;padding:5px}.widgetSystem
a:hover{background:#0000FF;color:#fff}.widgetSystem
li{list-style:none;margin:5px;}
.systemchikara{background:rgba(0,0,0,0.6);height:140px;overflow:auto;margin-top:10px;border:2px solid #0000FF;border-radius:3px}
#MIMB1{background:#000; padding:3px; border:1px solid #0000FF; border-radius:5px; width:280px; height:171px; float:left}
#MIMB1 .widget-content{padding:0px; margin:0px}
.SSK{margin-left:0px;
margin-top:10px; margin-bottom:10px; width:950px; height:190px;
background:rgba(0,0,0,0.4); position:relative; border:1px solid #0000FF;
border-radius:5px; padding:10px; -webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out}
.SSK:hover{background:rgba(0,0,0,0.6);
-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s
ease-out; -o-transition:all 0.5s ease-out}
.SSK img{opacity:0.5;
-webkit-filter:saturate(0.0); -moz-filter:saturate(0.0);
-ms-filter:saturate(0.0); -o-filter:saturate(0.0); filter:saturate(0.0);
-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s
ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s
ease-in-out; transition:all 0.4s ease-in-out}
.SSK
img:hover{opacity:1; -webkit-filter:saturate(1.1);
-moz-filter:saturate(1.1); -ms-filter:saturate(1.1);
-o-filter:saturate(1.1); filter:saturate(1.1)}
#MIMB2{background:#000;
margin-left:10px; margin-top:23px; padding:3px; border:1px solid
#0000FF; border-radius:5px; width:475px; height:130px; float:left}
#MIMB2 .widget-content{padding:0px; margin:0px}
#MIMAdz{background:rgba(0,0,0,0.5);
width:950px; height:150px; border:1px solid #0000FF; border-right:1px
solid #0000FF; border-bottom-left-radius:160px;
border-bottom-right-radius:160px; float:left; margin-left:0px}
#MAdz{margin-top:10px; padding:0px; text-align:center}
#MAdz
img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%);
-ms-filter:grayscale(100%); -o-filter:grayscale(100%);
filter:grayscale(100%); border:1px solid #0000FF; border-radius:70px;
margin:1px 1px; text-align:center; padding:0px; margin-left:20px;
-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out}
#MAdz img:hover{border-radius:0px;
border:1px solid #0000FF; -webkit-filter:grayscale(0%);
-moz-filter:grayscale(0%); -ms-filter:grayscale(0%);
-o-filter:grayscale(0%); filter:grayscale(0%);
-moz-transform:rotate(355deg); -webkit-transform:rotate(355deg);
-o-transform:rotate(355deg)}
#slider2{width:468px;height:60px;margin-top:0px;margin-left:0px;overflow:hidden;background-color:#1D1E22;border:2px
solid #0000FF;-webkit-transition:all 0.6s
ease-in-out;-moz-transition:all 0.6s
ease-in-out;position:absolute;border-radius:0px;opacity:0.8}
#mask{overflow:hidden}#slider2:hover{background-color:#1D1E22;opacity:1.0}#slider2:hover #pause{opacity:1}
#slider2:hover #progress{background-color:rgba(255,255,255,0.0)}
#slider2:hover
ul,#slider:hover #progress,#slider:hover
#overlay{-moz-animation-play-state:paused;-webkit-animation-play-state:paused}
#pause{width:468px;height:60px;position:absolute;top:0;opacity:0;pointer-events:none;-moz-transition:all
170ms ease-in;-webkit-transition:all 170ms ease-in;-o-transition:all
170ms ease-in}
#progress{width:1px;height:1px;background-color:#ffd000;-moz-animation:progress
35s infinite;-webkit-animation:progress 35s
infinite;position:relative;top:-1px;-moz-transition:all 170ms
ease-in;-webkit-transition:all 170ms ease-in;-o-transition:all 170ms
ease-in}
#overlay{width:4680px;height:60px;position:absolute;top:0;pointer-events:none;-moz-transition:all
170ms ease-in;-webkit-transition:all 170ms ease-in;-o-transition:all
170ms ease-in;opacity:0.5;-moz-animation:overlay-fade 35s
infinite;-webkit-animation:overlay-fade 35s infinite}#slider2
ul{width:2400px;list-style:none;padding:0;margin:0;-moz-animation:slide-animation
35s infinite;-webkit-animation:slide-animation 35s
infinite;position:relative;left:0px;overflow:hidden}#slider2
li{display:inline;width:468px;height:60px;margin:0;padding:0;float:left;position:relative}
#slider2 li:last-of-type{background-color:#362c30}#slider2 li a{display:block;text-decoration:none}
#slider2
li span{display:block;width:560px;padding:15px
20px;position:absolute;bottom:0;left:0;background-color:rgba(54,44,48,0.6);border-top:1px
solid #362c30;text-shadow:1px 1px 1px
#362c30;pointer-events:none;text-align:left}@-webkit-keyframes
slide-animation{0%{opacity:0}2%{opacity:1}20%{left:0px;opacity:1}22.5%{opacity:0.6}25%{left:-468px;opacity:1}45%{left:-468px;opacity:1}47.5%{opacity:0.6}50%{left:-936px;opacity:1}70%{left:-936px;opacity:1}72.5%{opacity:0.6}75%{left:-1404px;opacity:1}95%{opacity:1}98%{left:-1404px;opacity:0}100%{left:0px;opacity:0}}@-moz-keyframes
slide-animation{0%{opacity:0}2%{opacity:1}20%{left:0px;opacity:1}22.5%{opacity:0.6}25%{left:-468px;opacity:1}45%{left:-468px;opacity:1}47.5%{opacity:0.6}50%{left:-936px;opacity:1}70%{left:-936px;opacity:1}72.5%{opacity:0.6}75%{left:-1404px;opacity:1}95%{opacity:1}98%{left:-1404px;opacity:0}100%{left:0px;opacity:0}}@-webkit-keyframes
progress{0%{width:0px;opacity:0}2%{width:0px;opacity:1}20%{width:468px;opacity:1}22.5%{width:468px;opacity:0}22.59%{width:0px}25%{width:0px;opacity:1}45%{width:468px;opacity:1}47.5%{width:468px;opacity:0}47.59%{width:0px}50%{width:0px;opacity:1}70%{width:468px;opacity:1}72.5%{width:468px;opacity:0}72.59%{width:0px}75%{width:0px;opacity:1}95%{width:468px;opacity:1}98%{width:468px;opacity:0}100%{width:0px;opacity:0}}@-moz-keyframes
progress{0%{width:0px;opacity:0}2%{width:0px;opacity:1}20%{width:468px;opacity:1}22.5%{width:468px;opacity:0}22.59%{width:0px}25%{width:0px;opacity:1}45%{width:468px;opacity:1}47.5%{width:468px;opacity:0}47.59%{width:0px}50%{width:0px;opacity:1}70%{width:468px;opacity:1}72.5%{width:468px;opacity:0}72.59%{width:0px}75%{width:0px;opacity:1}95%{width:468px;opacity:1}98%{width:468px;opacity:0}100%{width:0px;opacity:0}}@-webkit-keyframes
overlay-fade{0%{opacity:0}2%{opacity:0.5}95%{opacity:0.5}98%{opacity:0}100%{opacity:0}}@-moz-keyframes
overlay-fade{0%{opacity:0}2%{opacity:0.5}95%{opacity:0.5}98%{opacity:0}100%{opacity:0}}
#slider2
ul li span
h2{font-size:24px;line-height:24px;color:#fff;font-weight:normal;font-family:'Communist-Regular';text-shadow:1px
1px 1px #362c30}::-webkit-selection{background:transparent}
#slider3{width:468px;height:60px;margin-top:90px;margin-left:294px;overflow:hidden;background-color:#1D1E22;border:2px
solid #0000FF;-webkit-transition:all 0.6s
ease-in-out;-moz-transition:all 0.6s
ease-in-out;position:absolute;border-radius:0px;opacity:0.8}
#mask{overflow:hidden}#slider3:hover{background-color:#1D1E22;opacity:1.0}#slider3:hover #pause{opacity:1}
#slider3:hover #progress{background-color:rgba(255,255,255,0.0)}
#slider3:hover
ul,#slider:hover #progress,#slider:hover
#overlay{-moz-animation-play-state:paused;-webkit-animation-play-state:paused}
#pause{width:468px;height:60px;position:absolute;top:0;opacity:0;pointer-events:none;-moz-transition:all
170ms ease-in;-webkit-transition:all 170ms ease-in;-o-transition:all
170ms ease-in}
#progress{width:1px;height:1px;background-color:#ffd000;-moz-animation:progress
35s infinite;-webkit-animation:progress 35s
infinite;position:relative;top:-1px;-moz-transition:all 170ms
ease-in;-webkit-transition:all 170ms ease-in;-o-transition:all 170ms
ease-in}
#overlay{width:4680px;height:60px;position:absolute;top:0;pointer-events:none;-moz-transition:all
170ms ease-in;-webkit-transition:all 170ms ease-in;-o-transition:all
170ms ease-in;opacity:0.5;-moz-animation:overlay-fade 35s
infinite;-webkit-animation:overlay-fade 35s infinite}#slider3
ul{width:2400px;list-style:none;padding:0;margin:0;-moz-animation:slide-animation
35s infinite;-webkit-animation:slide-animation 35s
infinite;position:relative;left:0px;overflow:hidden}#slider3
li{display:inline;width:468px;height:60px;margin:0;padding:0;float:left;position:relative}
#slider3 li:last-of-type{background-color:#362c30}#slider3 li a{display:block;text-decoration:none}
#slider3
li span{display:block;width:560px;padding:15px
20px;position:absolute;bottom:0;left:0;background-color:rgba(54,44,48,0.6);border-top:1px
solid #362c30;text-shadow:1px 1px 1px
#362c30;pointer-events:none;text-align:left}@-webkit-keyframes
slide-animation{0%{opacity:0}2%{opacity:1}20%{left:0px;opacity:1}22.5%{opacity:0.6}25%{left:-468px;opacity:1}45%{left:-468px;opacity:1}47.5%{opacity:0.6}50%{left:-936px;opacity:1}70%{left:-936px;opacity:1}72.5%{opacity:0.6}75%{left:-1404px;opacity:1}95%{opacity:1}98%{left:-1404px;opacity:0}100%{left:0px;opacity:0}}@-moz-keyframes
slide-animation{0%{opacity:0}2%{opacity:1}20%{left:0px;opacity:1}22.5%{opacity:0.6}25%{left:-468px;opacity:1}45%{left:-468px;opacity:1}47.5%{opacity:0.6}50%{left:-936px;opacity:1}70%{left:-936px;opacity:1}72.5%{opacity:0.6}75%{left:-1404px;opacity:1}95%{opacity:1}98%{left:-1404px;opacity:0}100%{left:0px;opacity:0}}@-webkit-keyframes
progress{0%{width:0px;opacity:0}2%{width:0px;opacity:1}20%{width:468px;opacity:1}22.5%{width:468px;opacity:0}22.59%{width:0px}25%{width:0px;opacity:1}45%{width:468px;opacity:1}47.5%{width:468px;opacity:0}47.59%{width:0px}50%{width:0px;opacity:1}70%{width:468px;opacity:1}72.5%{width:468px;opacity:0}72.59%{width:0px}75%{width:0px;opacity:1}95%{width:468px;opacity:1}98%{width:468px;opacity:0}100%{width:0px;opacity:0}}@-moz-keyframes
progress{0%{width:0px;opacity:0}2%{width:0px;opacity:1}20%{width:468px;opacity:1}22.5%{width:468px;opacity:0}22.59%{width:0px}25%{width:0px;opacity:1}45%{width:468px;opacity:1}47.5%{width:468px;opacity:0}47.59%{width:0px}50%{width:0px;opacity:1}70%{width:468px;opacity:1}72.5%{width:468px;opacity:0}72.59%{width:0px}75%{width:0px;opacity:1}95%{width:468px;opacity:1}98%{width:468px;opacity:0}100%{width:0px;opacity:0}}@-webkit-keyframes
overlay-fade{0%{opacity:0}2%{opacity:0.5}95%{opacity:0.5}98%{opacity:0}100%{opacity:0}}@-moz-keyframes
overlay-fade{0%{opacity:0}2%{opacity:0.5}95%{opacity:0.5}98%{opacity:0}100%{opacity:0}}
#slider3
ul li span
h2{font-size:24px;line-height:24px;color:#fff;font-weight:normal;font-family:'Communist-Regular';text-shadow:1px
1px 1px #362c30}::-webkit-selection{background:transparent}
#SSH{background:#000;
width:468px; height:170px; float:left; margin-left:250px;
margin-top:-3px; margin-bottom:-3px; border:3px solid #0000FF;
border-top:none; border-bottom:none}
#SSH li{display:block;
position:relative;
background:url('http://i1239.photobucket.com/albums/ff513/Ramapoetra24/log.png')
no-repeat 15px .5em; margin-left:-20px; padding:2px 10px 2px 29px;
font-size:12px; font-family:'Century Gothic'}
#SSH
li:hover{display:block; position:relative;
background:url('http://i1239.photobucket.com/albums/ff513/Ramapoetra24/lag.png')no-repeat
15px .5em; margin-left:-20px; padding:2px 10px 2px 29px; color:#0000FF;
font-family:'Century Gothic'}
#SSH .widget-content{overflow:auto; height:150px; padding-left:10px}
::-webkit-scrollbar{height:12px;width:10px;background:#000}
::-webkit-scrollbar-thumb{background-color:#000;border:1px solid #0000FF;border-radius:20px;width:10px}
#JTS{background:rgba(131,131,131,0.1);
margin-top:-100px; margin-left:830px; background:#000; padding:3px;
border:3px solid #0000FF; border-radius:5px; width:210px; height:50px;
float:left}
#JTS .widget-content{padding:0px; margin:0px}
#MAHJ125 img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
border: 1px solid #0000FF;
margin: 0px 0px;
text-align: center;
padding: 0px;
margin-left: 0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
#MAHJ125 img:hover {
border-radius:1px;
border:1px solid #0000FF;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
-moz-transform:rotate(715deg);
-webkit-transform:rotate(715deg);
-o-transform:rotate(715deg);
}
#B88{font-size:9px;float:
left;margin-top: 30px;margin-left: -99px;margin-right: 15px;width:
100px;height: 1245px;display: inline;-webkit-border-radius:
15px;-moz-border-radius: 15px;border-radius: 15px;Border: 3px solid
#0000FF;border-top:none;border-bottom:none;text-align:center;background:#000;position:relative;}
#kotak-iklan-125x125 {margin:0px;padding:0px;text-align:center}
#kotak-iklan-125x125 img {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
border-radius:70px;
border: 1px solid #0000FF;
margin: 1px 1px;
text-align: center;
padding: 0px;
margin-left: 3px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;}
#kotak-iklan-125x125
img:hover {border-radius:10px;border:1px solid #ff0000;box-shadow:0 0
30px #0000FF;-webkit-filter: grayscale(0%);-moz-filter:
grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:
grayscale(0%);-moz-transform:rotate(715deg);-webkit-transform:rotate(715deg);-o-transform:rotate(715deg)
}
#MIMend{margin:10px 0px 0px; padding:15px 0px 0px; display:block; clear:both}
#MIMend
.MIMl{width:500px; border:5px solid #797979; background:#797979;
padding:10px; border-radius:20px 0 0 0; height:270px; margin:0px 20px
0px; margin-left:-5px; margin-bottom:-235px; -moz-transition:all 1s
ease-in-out; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s
ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s
ease-in-out}
#MIMend .MIMl:hover{margin-bottom:0px}
#MIMend .MIMl div.MIMlc{text-align:center}
#MIMend
textarea{width:176px; height:50px; color:#FFF; padding:9px; border:4px
dashed #797979; background:#161719; overflow:hidden; margin:3px}
#MIMend
.MIMr{width:330px; border:5px solid rgb(10,11,13);
background:rgb(29,33,36); float:right; padding:10px; text-align:justify;
height:310px}
#MIMend .MIMr
div.profile-img{background:url(MIMsprite1.png) no-repeat bottom right
scroll transparent; width:100px; height:125px; float:left;
margin-right:10px}
#MIMend .MIMwt{margin-top:-5px}
.MIMwt{font-family:'Century
Gothic'; font-size:12pt; color:#fff; padding:3px 3px 5px 20px;
margin:20px -10px 5px -10px; background:-webkit-gradient(linear,left
top,left bottom,from(#797979),to(#161719));
background:-moz-linear-gradient(-90deg,#797979,#161719) repeat scroll 0 0
rgba(0,0,0,0); background:-o-gradient(linear,left top,left
bottom,from(#797979),to(#161719)); background:gradient(linear,left
top,left bottom,from(#797979),to(#161719)); text-shadow:1px 1px 1px
#000}
.MIMwt:before{content:""; position:absolute; width:0px;
height:0px; border-left:16px solid rgb(10,11,13); border-top:16px solid
transparent; border-bottom:16px solid transparent; margin:0px 0px 0px
-22px}
#kredit:hover{background:#0e0e0e;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
box-shadow: 0 0 15px 0 #006acc;
-moz-box-shadow: 0 0 15px 0 #006acc;
-webkit-box-shadow: 0 0 15px 0#006acc;
}
#JTS:hover{border-top:3px
solid#ff0000;border-bottom:3px solid#ff0000;border-left:3px
solid#ff0000;border-right:3px solid#ff0000;border-radius:5px;
background:#000;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
box-shadow: 0 0 15px 0 #fff;
-moz-box-shadow: 0 0 15px 0 #fff;
-webkit-box-shadow: 0 0 15px 0#fff;
}
.rezzas1{top:0px;min-width:500px;width:auto;position:fixed;margin-left:-102%;z-index:1111;-webkit-transition:all
.6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all
.6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s
ease-in-out}.rezzas1:target{margin-left:14.5em;top:100px;}#mta_bar{top:0px;position:fixed;background:rgba(0,0,0,0.6);box-shadow:inset
0 1px 10px black;-moz-box-shadow:inset 0 1px 10px
black;-webkit-box-shadow:inset 0 1px 10px black;-o-box-shadow:inset 0
1px 10px black;z-index:500;width:50px;right:0;height:100%;}
#naviga{text-align:center;padding:2px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:inset
0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px
lightblue;-webkit-box-shadow:inset 0px 2px 12px
lightblue;-o-box-shadow:inset 0px 2px 12px
lightblue;font-family:Broadway;font-size:16px;font-weight:bold;width:auto;z-index:4;}#naviga
a{text-decoration:none;color:white;display:inline-block;background:red;padding:0px
15px;position:absolute;right:0px;}
.buku{margin-top: -4px;
margin-right: 10px;
float: right;}
.about{margin-top: -4px;
margin-right: 5px;
float: right;}
.rezzaganteng{background:rgba(0,0,0,0.7);box-shadow:inset
0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px
lightblue;-webkit-box-shadow:inset 0px 2px 12px
lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;border-radius:0pt
0px 10px 10px;-moz-border-radius:0pt 0px 10px
10px;-webkit-border-radius:0pt 0px 10px 10px;-o-border-radius:0pt 0px
10px 10px;padding-bottom:30px;}
#Bfooter{font-size:9px;float:
right;margin-top: -233px;margin-right: 222px;width: 100px;height:
185px;display: inline;-webkit-border-radius: 15px;-moz-border-radius:
15px;border-radius: 15px;Border: 3px solid
#0000FF;border-top:none;border-bottom:none;text-align:center;background:#000;position:relative;}
#MIMP{background:rgba(0,0,0,0.9);
width:50px; height:198px; right:60px; margin-top:-197px; float:right;
border:1px solid #222; border-bottom:1px solid #0000FF;
border-top-left-radius:50px; position:absolute; -webkit-transition:all
0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s
ease-out}
#MIMP:hover{height:100px; margin-top:-99px; border:1px
solid #0000FF; border-bottom:1px solid #000; -webkit-transition:all 0.5s
ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s
ease-out}
#MIMP2{background:rgba(0,0,0,0.9); width:50px;
height:198px; right:115px; margin-top:-197px; float:right; border:1px
solid #222; border-bottom:1px solid #0000FF;
border-top-left-radius:50px; position:absolute; -webkit-transition:all
0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s
ease-out}
#MIMP2:hover{height:100px; margin-top:-99px; border:1px
solid #0000FF; border-bottom:1px solid #000; -webkit-transition:all 0.5s
ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s
ease-out}
#MIMP3{background:rgba(0,0,0,0.9); width:50px;
height:198px; right:5px; margin-top:-197px; float:right; border:1px
solid #222; border-bottom:1px solid #0000FF;
border-top-left-radius:50px; position:absolute; -webkit-transition:all
0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s
ease-out}
#MIMP3:hover{height:100px; margin-top:-99px; border:1px
solid #0000FF; border-bottom:1px solid #000; -webkit-transition:all 0.5s
ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s
ease-out}
Kalo udah jangan di SAVE Tapi cari Kode <div id='content-wrapper'>
Jika gak ada yg maklumlah karena setiap template kodenya berbeda - beda.
Jika Kode <div id='content-wrapper'> udah ketemu masukkan kode dibawah ini di bawah kode <div id='content-wrapper'>
<div id='MOD-path'>
</div>
<div class='SSK'>
<div class='MIMB1 section' id='MIMB1'>
<div class='widget HTML' id='HTML6'>
<div class='widget-content'>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
<a
href='http://bakul-anime.blogspot.com/' title='Klik This'><img
alt='Bakul Anime'
src='http://4.bp.blogspot.com/-768BlDHvc9Q/UlkDIHTOItI/AAAAAAAAALc/TCuUPFtf5Os/s1600/pesanan-88-x-31.gif'/></a>
</div>
</div></div>
<div class='MIMB2 section' id='MIMB2'><div class='widget HTML' id='HTML1'>
<div class='widget-content'>
<div id='slider2'>
<div id='mask'>
<ul><li>
<a
href='http://cydarkness.blogspot.com/'><img alt='klik This'
border='0' height='60' src='http://i.imgur.com/uyrCjET.gif'
width='468'/></a></li>
<li>
<a
href='aryoz-comunity.blogspot.com'><img alt='klik This' border='0'
height='60' src='http://i.imgur.com/mmBYaIL.gif'
width='468'/></a>
</li>
<li><a href='http://kazoku48.blogspot.com/'>
<img
alt='KZK48'
src='http://1.bp.blogspot.com/-I1k-FmFR7UM/UlOqyIIl7UI/AAAAAAAAAI8/UaXhKP6UViY/s1600/Banner-Oke.gif'
title='KAZOKU48'/></a>
</li>
<li><a
href='http://crazysheon.blogspot.com/' target='_blank'><img
alt='468x60' border='0'
src='http://s10.postimg.org/ftqnekemh/468x60.gif'/></a>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
</div>
</div>
</div>
</div></div>
<div id='slider3'>
<div id='mask'>
<ul><li>
<a
href='http://darkfamous.blogspot.com/' target='_blank'><img
alt='DARK FAMOUS' src='http://i.imgur.com/tAPZrSz.png' title='Creation
Without Limits'/></a>
<a
href='http://bakul-anime.blogspot.com/' target='_blank'><img
alt='Bakul Anime'
src='http://2.bp.blogspot.com/-GFC7SzBdkSg/UlkDBpO1bxI/AAAAAAAAALU/dDXppPI4fyc/s1600/Pesanan-468-X-60.gif'
title='Kumpulan Anime Terbaru Subtitle
Indonesia'/></a></li>
<li>
<a
href='http://cheat-silvan3t.blogspot.com/'><img height='60'
src='http://i.imgur.com/w320i1O.gif' title='MR Madara | Creative Be
Infired' width='468'/></a>
<a
href='http://darkkage10.blogspot.com/' target='_blank'><img
alt='Dark Kage'
src='http://1.bp.blogspot.com/-Dxje2iS3ISE/UiwkbA-ttlI/AAAAAAAABRc/32cfcza6J6Q/s1600/468-x-60-b-a-n-n-e-r.gif'
title='ALL ABOUT Naruto, Trick, Template DLL'/></a>
</li>
<li><a
href='http://bakul-anime.blogspot.com/2013/09/update-banner-v3.html'
target='_blank' title='All About Anime, Manga, and Template'><img
alt='Bakul Anime'
src='http://2.bp.blogspot.com/-GFC7SzBdkSg/UlkDBpO1bxI/AAAAAAAAALU/dDXppPI4fyc/s1600/Pesanan-468-X-60.gif'/></a>
</li>
<li><a
href='http://bakul-anime.blogspot.com/2013/09/update-banner-v3.html'
target='_blank' title='All About Anime, Manga, and Template'><img
alt='Bakul Anime'
src='http://2.bp.blogspot.com/-GFC7SzBdkSg/UlkDBpO1bxI/AAAAAAAAALU/dDXppPI4fyc/s1600/Pesanan-468-X-60.gif'/></a>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
</div>
</div>
</div>
<div id='MIMP2'/>
<div id='MIMP'/>
<div id='MIMP3'/>
<div class='MIMAdz section' id='MIMAdz'><div class='widget HTML' id='HTML13'>
<div class='widget-content'>
<h3/>
<div id='MAdz'>
<a
href='http://jamesb-s.blogspot.com/' target='_blank'><img
alt='SKYPE CLAN' border='0' height='125'
src='http://i.imgur.com/PD8GJGR.gif' width='125'/></a>
<a
href='darks-soulz.blogspot.com' target='_blank'><img alt='DARKS
SOULZ' border='0' height='125' src='http://i.imgur.com/bxpwFBe.gif'
width='125'/></a>
<a
href='http://bakul-anime.blogspot.com/' target='_blank' title='Bakul
Anime'><img alt='Kumpulan Anime Terbaru Subtitle Indonesia'
src='http://1.bp.blogspot.com/-n2acHj2l1s0/UlkDSEL4enI/AAAAAAAAALk/BKaH1NiFT3w/s1600/Banner-Award.gif'/></a>
<a
href='http://crazysheon.blogspot.com/'><img alt='Cyberskill'
border='0' height='125'
src='http://s8.postimg.org/oeh2yu3xt/125x125.gif'
width='125'/></a>
<a
href='http://aryoz-comunity.blogspot.com/'><img alt='Dark
Community' border='0' height='125' src='http://i.imgur.com/jKox2aK.gif'
width='125'/></a>
<a href='http://kazoku48.blogspot.com/'>
<img
alt='KZK48'
src='http://1.bp.blogspot.com/-cGo0OVzoBpc/UlK2wOHAfkI/AAAAAAAAAIQ/UIM0NDHJBu4/s1600/Banner-Ads.gif'
title='KAZOKU48'/></a>
</div>
</div>
</div></div>
Untuk Kode diatas bisa diedit sendiri dengan Kode Banner Sobat.
Jika Sudah PRATINJAU DULU ( jika tidak ingin terjadi hal yg tidak diinginkan atau berantakan )
Jika Ingin SAVE DULU ( lebih baik unduh template secara lengkap dahulu )
Jika ada yg blum paham bisa ditanyakan langsung lewat https://www.facebook.com/soekamti616 atau 089685127970 atau comment dibawah.
Jika ingin copy paste sertakan link sumbernya .
>> salam admin <<
SUMBER