Posted by : Muhammad Zaky
Wednesday, 26 December 2012
Oke Sobat Cyber-4Line ,Kali Ini Saya Mau Share Trick Blog Yaitu Memasang Awan Akatsuki Berterbangan Pada Blog Oke Langsung Saja
1.Login Ke Blog
2.Klik Template >Edit Html >Lanjutkan
3.Oke Cari Code ]]></b:skin>,Masukan Css Di Bawah Ini Di Atas Code Tadi
#akatsuki{position: absolute;
z-index: 0;
width:100%;
margin-top: 0px;
height: 0px;}
.akatsuki {
width: 200px; height: 138px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdCdRd57erkCQWLr_rn7sT1kSwcY_RKm9SwG-m6Hu3AGrToghopLJByDzfkgTiasvlGD116xZBBcEr5rZfXQjkarP8j6NJzHv2XecWvIaSxdBMy0JeEFDMu1bckrtFUt-MDgfIG_Mm0U/s1600/Untitled-1.png") no-repeat top center;
position: relative;
}
.awanmerah1 {
-webkit-animation: moveclouds2 15s linear infinite;
-moz-animation: moveclouds2 15s linear infinite;
-o-animation: moveclouds2 15s linear infinite;
}
.awanmerah2 {
left: 200px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.6;
-webkit-animation: moveclouds2 25s linear infinite;
-moz-animation: moveclouds2 25s linear infinite;
-o-animation: moveclouds2 25s linear infinite;
}
.awanmerah3 {
left: -250px; top: -200px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
.awanmerah4 {
left: 470px; top: -250px;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.75;
-webkit-animation: moveclouds2 18s linear infinite;
-moz-animation: moveclouds2 18s linear infinite;
-o-animation: moveclouds2 18s linear infinite;
}
.awanmerah5 {
left: -150px; top: -150px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
@-webkit-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
4.Cari Code <body> tempel kan code HTML di Bawah Ini Tepat Di Bawah Code TadiSUMBER
Oke Sekian Dari Saya Admin Cyber 4Line ,Semoga Bermanfaat,Dan Selamat Mencoba :D
Related Posts :
- Back to Home »
- Blogger , Trick's »
- Memasang Awan Akatsuki Berterbangan Pada Blog