Copy CSS berikut:
dan letakan di atas kode ]]></b:skin>
/* Gue-galau Css ----------------------------------------------- */ #awan1 {position: absolute; z-index: 0; width:100%; margin-top: 0px; height: 0px;} .awan1 { width: 200px; height: 60px; background: #ffffff; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; position: relative; } .awan1:before, .awan1:after { content: ''; position: absolute; background: #ffffff; width: 100px; height: 80px; position: absolute; top: -15px; left: 10px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -webkit-transform: rotate(30deg); transform: rotate(30deg); -moz-transform: rotate(30deg); } .awan1:after { width: 120px; height: 120px; top: -55px; left: auto; right: 15px; } .putih1 { -webkit-animation: moveclouds1 15s linear infinite; -moz-animation: moveclouds1 15s linear infinite; -o-animation: moveclouds1 15s linear infinite; } .putih2 { left: 200px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds1 25s linear infinite; -moz-animation: moveclouds1 25s linear infinite; -o-animation: moveclouds1 25s linear infinite; } .putih3 { left: -250px; top: -200px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds1 20s linear infinite; -moz-animation: moveclouds1 20s linear infinite; -o-animation: moveclouds1 20s linear infinite; } .putih4 { left: 470px; top: -250px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; -webkit-animation: moveclouds1 18s linear infinite; -moz-animation: moveclouds1 18s linear infinite; -o-animation: moveclouds1 18s linear infinite; } .putih5 { left: -150px; top: -150px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds1 20s linear infinite; -moz-animation: moveclouds1 20s linear infinite; -o-animation: moveclouds1 20s linear infinite; } @-webkit-keyframes moveclouds1 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-moz-keyframes moveclouds1 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-o-keyframes moveclouds1 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;}
Setelah itu letakan kode di bawah ini diatas dan dibawah kode <data:post.body/>
<div id='awan1'> <div class='awan1 putih1'> <div class='awan1 putih2'> <div class='awan1 putih3'> <div class='awan1 putih4'> <div class='awan1 putih5'> </div></div></div></div></div></div>
hingga hasilnya seperti ini
<div id='awan1'> <div class='awan1 putih1'> <div class='awan1 putih2'> <div class='awan1 putih3'> <div class='awan1 putih4'> <div class='awan1 putih5'> </div></div></div></div></div></div> <data:post.body/> <div id='awan1'> <div class='awan1 putih1'> <div class='awan1 putih2'> <div class='awan1 putih3'> <div class='awan1 putih4'> <div class='awan1 putih5'> </div></div></div></div></div></div>
NB: jika kalian menemukan kode <data:post.body/> lebih dari satu
gunakan yang paling atas
make it easy? Gue-galau.blogspot.com was never out of imagination
0 komentar:
╔═══════════════════════════════════════╗
(NOT SPAMMING and NO RACIST)
BUDAYAKAN KOMENTAR YANG BAIK
╚═══════════════════════════════════════╝
Posting Komentar