Kirito Blog's

DEMO

Yosh All...

Gwe Dah Nyiptain CSS Sendiri...

Gwe Kagak Plagiat...

Katanya Grup Sebelah :v Gwe Plagiat Doang Bisanya

Ini CSS Buatan Gwe Sendiri Jadi Hargai Jasa Gwe...

Jika Mau Copas Letakan Sumber

Walaupun Jelek Tapi Gwe Sudah Usaha..

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

#mutermuter
{
width:125px;
height:125px;
background:black;
position:absolute;
animation:mutermuter 5s infinite;
-moz-animation:mutermuter 5s infinite; /* Firefox */
-webkit-animation:mutermuter 5s infinite; /*Safari and Chrome*/
} 
@keyframes mutermuter
{
0% {top:0px; left:0px; background:black;}
25% {top:0px; left:825px; background:black;}
50% {top:251px; left:825px; background:black;}
75% {top:251px; left:0px; background:black;}
100% {top:0px; left:0px; background:black;}
}

@-moz-keyframes mutermuter /* Firefox */
{
0% {top:0px; left:0px; background:black;}
25% {top:0px; left:825px; background:black;}
50% {top:251px; left:825px; background:black;}
75% {top:251px; left:0px; background:black;}
100% {top:0px; left:0px; background:black;}
}
@-webkit-keyframes mutermuter /* Safari and Chrome */
{
0% {top:0px; left:0px; background:black;}
25% {top:0px; left:825px; background:black;}
50% {top:251px; left:825px; background:black;}
75% {top:251px; left:0px; background:black;}
100% {top:0px; left:0px; background:black;}
}
#mutermuter2
{
width:125px;
height:125px;
background:black;
position:absolute;
animation:mutermuter2 5s infinite;
-moz-animation:mutermuter2 5s infinite; /* Firefox */
-webkit-animation:mutermuter2 5s infinite; /*Safari and Chrome*/
} 
@keyframes mutermuter2
{
0% {top:0px; left:825px; background:black;}
25% {top:251px; left:825px; background:black;}
50% {top:251px; left:0px; background:black;}
75% {top:0px; left:0px; background:black;}
100% {top:0px; left:825px; background:black;}
}

@-moz-keyframes mutermuter2 /* Firefox */
{
0% {top:0px; left:825px; background:black;}
25% {top:251px; left:825px; background:black;}
50% {top:251px; left:0px; background:black;}
75% {top:0px; left:0px; background:black;}
100% {top:0px; left:825px; background:black;}
}
@-webkit-keyframes mutermuter2 /* Safari and Chrome */
{
0% {top:0px; left:825px; background:black;}
25% {top:251px; left:825px; background:black;}
50% {top:251px; left:0px; background:black;}
75% {top:0px; left:0px; background:black;}
100% {top:0px; left:825px; background:black;}
}
#mutermuter3
{
width:125px;
height:125px;
background:black;
position:absolute;
animation:mutermuter3 5s infinite;
-moz-animation:mutermuter3 5s infinite; /* Firefox */
-webkit-animation:mutermuter3 5s infinite; /*Safari and Chrome*/
} 
@keyframes mutermuter3
{
0% {top:251px; left:825px; background:black;}
25% {top:251px; left:0px; background:black;}
50% {top:0px; left:0px; background:black;}
75% {top:0px; left:825px; background:black;}
100% {top:251px; left:825px; background:black;}
}

@-moz-keyframes mutermuter3 /* Firefox */
{
0% {top:251px; left:825px; background:black;}
25% {top:251px; left:0px; background:black;}
50% {top:0px; left:0px; background:black;}
75% {top:0px; left:825px; background:black;}
100% {top:251px; left:825px; background:black;}
}
@-webkit-keyframes mutermuter3 /* Safari and Chrome */
{
0% {top:251px; left:825px; background:black;}
25% {top:251px; left:0px; background:black;}
50% {top:0px; left:0px; background:black;}
75% {top:0px; left:825px; background:black;}
100% {top:251px; left:825px; background:black;}
}
#mutermuter4
{
width:125px;
height:125px;
background:black;
position:absolute;
animation:mutermuter4 5s infinite;
-moz-animation:mutermuter4 5s infinite; /* Firefox */
-webkit-animation:mutermuter4 5s infinite; /*Safari and Chrome*/
} 
@keyframes mutermuter4
{
0% {top:251px; left:0px; background:black;}
25% {top:0px; left:0px; background:black;}
50% {top:0px; left:825px; background:black;}
75% {top:251px; left:825px; background:black;}
100% {top:251px; left:0px; background:black;}
}

@-moz-keyframes mutermuter4 /* Firefox */
{
0% {top:251px; left:0px; background:black;}
25% {top:0px; left:0px; background:black;}
50% {top:0px; left:825px; background:black;}
75% {top:251px; left:825px; background:black;}
100% {top:251px; left:0px; background:black;}
}
@-webkit-keyframes mutermuter4 /* Safari and Chrome */
{
0% {top:251px; left:0px; background:black;}
25% {top:0px; left:0px; background:black;}
50% {top:0px; left:825px; background:black;}
75% {top:251px; left:825px; background:black;}
100% {top:251px; left:0px; background:black;}
}

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

Tapi Atur Sendiri Letak Marginnya Karena Setiap Blog Pasti Berbeda Ukuran Headernya
Sekian Dari Saya

Jangan Lupa Beri Sumber Jika Ingin Mengcopas Artikel CSS Gue..

Title : Membuat Banner 125 x 125 Di Header Dengan Animasi CSS
Description : DEMO Yosh All... Gwe Dah Nyiptain CSS Sendiri... Gwe Kagak Plagiat... Katanya Grup Sebelah :v Gwe Plagiat Doang Bisanya Ini ...