Kirito Blog's

Nah All...
Banyak Orang Yang Minta Script Kotak Banner Bawah Header..
Nih Gwe Buatin...
Baru Aja Jadi
Langsung Saja..

Masuk Template
Cari Kode /b:skin
Pastekan Kode Dibawah Ini Diatasnya

#Kb88 {width:954px;height:37px;margin-bottom:10px;margin-top:10px;margin-right:-4px;text-align:center;border-radius:70px;border:3px solid #006acc;position:relative;box-shadow:inset 0 0 16px #006acc}
.kotaka{z-index:99999; margin-top:160px; margin-left:690px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom:3px solid #006acc; border-left:3px solid #006acc; border-right:3px solid #006acc; width:35px; height:50px; border-radius:0px 0px 0px 25px; background:black;-moz-animation:goyang4 0.8s infinite;
-webkit-animation:goyang4 0.8s infinite;-o-animation:goyang4 0.8s infinite;border-top:3px solid #000}
@-moz-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-webkit-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-o-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
.kotakb{z-index:99999; margin-top:160px; margin-left:650px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom:3px solid #006acc; border-left:3px solid #006acc; border-right:3px solid #006acc; width:35px; height:50px; border-radius:0px 0px 0px 25px; background:black;-moz-animation:goyang4 0.8s infinite;
-webkit-animation:goyang4 0.8s infinite;-o-animation:goyang4 0.8s infinite;border-top:3px solid #000}
@-moz-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-webkit-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-o-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
.kotakc{z-index:99999; margin-top:160px; margin-left:610px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom:3px solid #006acc; border-left:3px solid #006acc; border-right:3px solid #006acc; width:35px; height:50px; border-radius:0px 0px 0px 25px; background:black;-moz-animation:goyang4 0.8s infinite;
-webkit-animation:goyang4 0.8s infinite;-o-animation:goyang4 0.8s infinite;border-top:3px solid #000}
@-moz-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-webkit-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-o-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
.tajam1{z-index:99999; margin-top:72px; margin-left:750px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border:3px solid #006acc;border-bottom:none; width:50px; height:200px; border-radius:60px 0px 0px 0px; background:black}
.tajam2{z-index:99999; margin-top:72px; margin-left: 810px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border:3px solid #006acc;border-bottom:none; width:50px; height:200px; border-radius:60px 0px 0px 0px; background:black}
.tajam3{z-index:99999; margin-top:72px; margin-left:870px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border:3px solid #006acc;border-bottom:none; width:50px; height:200px; border-radius:60px 0px 0px 0px; background:black}
.SSK{box-shadow:inset 0px 0px 16px #006acc;margin-left:0px; margin-top:50px; margin-bottom:10px; width:950px; height:275px; background:rgba(0,0,0,0.4); position:relative; border:3px solid #006acc; 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}
#MIMB1{background:#000; border:3px solid #006acc; width:260px; height:auto; float:left;margin-top:-5px;}
#MIMB1 .widget-content{padding:0px; margin:0px}
#slider2{width:468px;height:60px;margin-top:15px;margin-left:257px;overflow:hidden;background-color:#000;border:3px solid #006acc;position:absolute;border-radius:0px;border-left:3px solid #000}
#mask{overflow:hidden}#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:#006acc;-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:#006acc}#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 #006acc;text-shadow:1px 1px 1px #006acc;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 #006acc}::-webkit-selection{background:transparent}
#slider4{width:468px;height:60px;margin-top:90px;margin-left:257px;overflow:hidden;background-color:#000;border:3px solid #006acc;position:absolute;border-left:3px solid #000}
#mask{overflow:hidden}#slider4:hover #pause{opacity:1}
#slider4:hover #progress{background-color:rgba(255,255,255,0.0)}
#slider4: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:#006acc;-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}#slider4 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}#slider4 li{display:inline;width:468px;height:60px;margin:0;padding:0;float:left;position:relative}
#slider4 li:last-of-type{background-color:#006acc}#slider4 li a{display:block;text-decoration:none}
#slider4 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 #006acc;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}}
#slider4 ul li span h2{font-size:24px;line-height:24px;color:#fff;font-weight:normal;font-family:'Communist-Regular';text-shadow:1px 1px 1px #006acc}::-webkit-selection{background:transparent}

Kemudian Cari Kode <div id='main-wrapper'>
Pastekan Kode Dibawah Ini Tepat Diatasnya

Simpan

Title : Membuat Box Banner Dibawah Header Versi Kirito Blog's
Description : Nah All... Banyak Orang Yang Minta Script Kotak Banner Bawah Header.. Nih Gwe Buatin... Baru Aja Jadi Langsung Saja.. Masuk Templa...

Membuat Box Banner Dibawah Header Versi Kirito Blog's

0 Response to "Membuat Box Banner Dibawah Header Versi Kirito Blog's"

Posting Komentar