- Home »
- Cara Membuat Awan Akatsuki Di Blog
Dennis Ramdhani
On Selasa, 09 Oktober 2012
Jika ada yang belum mengerti bisa tanyakan pada saya :)
untuk memasang pada blog kamu,pertama buka blogger=>template=>edit HTML
lalu letakan CSS di atas kode ]]></b:skin>
Sedangkan Untuk HTMLnya kamu letakan kodenya di bawah code <body>
CSS
#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/AVvXsEit1YM0G3wYSxAGMSB59Rg9FSNcu4EOH3TRhaJ7R5qXbM7kg9T0JpCZiiyrzQc-7fV6edIhq5ziOW11MpDy5UWSPO-EusCUN950Ae64HsIfsna3IdIX8SJEOHnhlKzJeSZMfSEW-8-7OvI/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;}
}
HTML
<div id='akatsuki'>
<div class='akatsuki awanmerah1'/><div class='akatsuki awanmerah2'/><div class='akatsuki awanmerah3'/><div class='akatsuki awanmerah4'/><div class='akatsuki awanmerah5'/></div>
assalamualaikum wr,wb
MBAH… saya PAK.SUDRAJAT
mengucapkan banyak2 terima
kasih kepada MBAH RORO
atas nomor togelnya yang
kemarin MBAH berikan yaitu(4800)
alhamdulillah
ternyata itu benar2 tembus
MBAH dan berkat bantuan
MBAH RORO saya bisa
melunasi semua hutan2
orang tua saya yang ada di
BANK BRI dan bukan hanya
itu MBAH alhamdulillah
sekarang saya sudah bisa
bermodal sedikit untuk
mencukupi kebutuhan
keluarga saya sehari2. itu
semua berkat bantuan MBAH
RORO sekali lagi
makasih banyak yah MBAH…
yang ingin merubah nasib
seperti saya hubungi MBAH
RORO di nomor
085-330-001-769. Singapura Senin.9.juni 2014 | Cyber4rD dijamin 100% tembus atau
silahkan buktikan sendiri
(`’•.¸(` ‘•. ¸* ¸. •’´)¸.•’´)
«´ Thanks sOb `»
(¸. •’´(¸.•’´ * `’•.¸)`’•.¸ )
██▓▓█████▓▓████
Balas