Cara Membuat Box Di Bawah Header Blog

Hello Sobat Admin Mau Share Cara Buat  Box Di Bawah Header Kaya Blog Gue Tuh Kalo Gak Tau? Berarti Oon Yaudah Deh Langsung Aja Ke Tkp

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCi1NTvYN4y3oNTnoI2ry5Vf5Y9SG38dUnmgjisFwG1EYv4q-EfIdjDzHXwgWrzw3vmf3y9gov4WlW6sq1Mv5sJEmKmbbQX-5Fu9CW9PUh6MR6123S-77xa7d6nLoUP3IpMVbZtvTcCk0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL-qYcN78pkni_lvpanEJvz8rJ2ii3Bewd4ayYCxSy3uQo4ffwFtGfs-qKr-DfssikOZYu2nirm4RpXby4o03-a0p9aYSsJVdOTaF7gRcWyx5FAm8GTvy34G8YZ2WphrkuYQ8c68M-2OtH/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3PRswhUJHxv5ix0GEtkdVf4rgksNye3EhjbeokvsrENmvBv29lNtqAKM7eNYMJN9uJC93jtiVBVsh3JvKWS_AGk0s8cnr_Z6-2pKWUrRLFOWYSnB8AMEHp5pJLideYe-YOaaWbw5d7e0/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/s1600/pesanan-88-x-31.gif'/></a>
<a href='http://bakul-anime.blogspot.com/' title='Klik This'><img alt='Bakul Anime' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHX5vMzc0K-r8rRzapl4sKQ83kwlmyc3-wPVWQADL2Z-6pf9Ocvx-QlSilYZjKP_9f0L53SPZWuqlVMU_2WSwDVl47pI2BsCVcZt-YaGZffZZe8mYeuhOldPhBIEwl73DsQswuYrXl4s/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvK_AHFq_XXDYjxZl3SipwdEc8ej09UcoazZUg99ttodgDZsJm8YaRs2J4npuzUlubExSHu5vrq20OZJssA0Rzh8Vc6R20ANVNqbfkafJlmudKA236qjg_2YT0uXQG_cd2-gSrG9IfNN2/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO7jxRjjkAjJeUB8qW2vMxpohqREnOS370iTfGdTvTMwm98Q7QicuhBdpxPRFARA9AH4Kr65ooF810-CfUJtFljET_Dw5BYRZrc2lcW8cnVzVeCXTKgVJG3oMSUMhAHHpdLtBlcLPS2K4/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw831jFY0ztbA3avW7vEVIPIaCOQsWvhqlKM88zWAk3E0E-TziIEvMlFlAcVB6q_KnYP7ZFECyhNZDtm46OPzS6onO9hpk2cRRNjn3bS9StrT-TMpHePu0CP0yVltXUqVPYgxQMdVFXxc9/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO7jxRjjkAjJeUB8qW2vMxpohqREnOS370iTfGdTvTMwm98Q7QicuhBdpxPRFARA9AH4Kr65ooF810-CfUJtFljET_Dw5BYRZrc2lcW8cnVzVeCXTKgVJG3oMSUMhAHHpdLtBlcLPS2K4/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO7jxRjjkAjJeUB8qW2vMxpohqREnOS370iTfGdTvTMwm98Q7QicuhBdpxPRFARA9AH4Kr65ooF810-CfUJtFljET_Dw5BYRZrc2lcW8cnVzVeCXTKgVJG3oMSUMhAHHpdLtBlcLPS2K4/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnvt65UkAXiMgVguS2hdbkQU3C9S10mocs-q7TUE3O3hPRs2N9j-7abj4TW9dhulpbqhxmPhB3fMS1GXCu1qMPJ8-r2-Y9lbFX2RE68U9CUOvzaZcEQozqff4otlyLlCOR6wmcwkMf3Os/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieqkVCX23BaTr-jU0xuKkY3E3r9SCGnK_QQaW914aZv15cU8noPT0dbgj_iOePypWkKNGBX3yzhMlubZR1-27QN8ETERZOd1mokz01ISvI_rLuDuVzM-e9-M7hLQ3hErBRBfywkEPeNKFn/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 )

Sumber  "Klik"