Semoga semua baik-baik aja. Lagi pada galau yaa??
Soalnya ane sendiri lagi galau banged, makae ane buat untuk blogging biar ga galau mulu. Oke deh ane sekarang mau ngeshare Cara Membuat Efek Awan Dan Pesawat di Blog. Sekalipun udah banyak banget yang ngeshare cara yang kayak ginian aku tetep aja mau ngeshare yang ini. Oke langsung simak yaa
1. Kalian masuk ke dasbor blogger kalian masing-masing. Terus kalian pilih template terus edit html.
2. Kalian cari kode <body> pake Ctrl+F biar cepet.
3. Setelah itu kalian masukkin script dibawah ini tepat dibawah kode <body>
<style type="text/css">
#cover-cloud {
width:100%;
height:200px;
position:absolute;
z-index:100;
left:0;
}
#cloud {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIM6BvXs-69e955tpjlu9rw9UjmnXuBJDGlnzeArqPZJD6UAGQSExOdaF3p-woZcKzs9EWNxQTcYDuO17An4NNr4sCae-Z_-nNPz73vWAJLNr4sKzXf-F1PqKrhwSGsQ7f2BFR63A3T4/s1600/cloud1.png) repeat-x 0 0;
position: absolute;
width:100%;
height:188px;
z-index: 200;
}
#cloud2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrcP6r6z2BWHlPEqW27FkerhdFgA01GvMXGAJn27MD9tpKmTSw4LHzjGasI7Ph79JEikZSfNsX-ERTzwgfEquMGovwdDbGs3DfzNsE-lYjj6gjkB23sByMBRyGPaWSyTinf6Ku24DaH30/s1600/cloud2.png) repeat-x 0 0;
position: absolute;
width:100%;
height:125px;
z-index: 300;
}
#cloud3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvi4EEMevCp7fkWu1hMR8tLsmM_Ipkq-uslluxiZLDxDsTsgCIy1gLOc1jklxCpWsMDOYMj_jhfPgn7A4m1QfYxkkaUFC3WBZjQaGSmLZelepQZz8oOc4OCK00NWhOgjOu-wKtgtCLc0s/s1600/cloud3.png) repeat-x 0 0;
position: absolute;
width:100%;
height:46px;
z-index: 400;
}
</style>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://monozcore-project.googlecode.com/files/jquery_spritely.js" type="text/javascript"></script>
<script type="text/javascript">
(function($) {$(document).ready(function() {$('#cloud').pan({fps: 30, speed: 1, dir: 'right'});$('#cloud2').pan({fps: 30, speed: 2, dir: 'right'});$('#cloud3').pan({fps: 30, speed: 0.5, dir: 'right'});});})(jQuery);
</script>
<div id='cover-cloud'><div id='cloud'></div><div id='cloud2'><marquee direction='right'><img src='https://lh6.googleusercontent.com/-c4TjgNXUJPA/T4b2CqEp_GI/AAAAAAAABjY/yt4AWY6tGXQ/s800/red_baron.gif'/></marquee></div><div id='cloud3'></div></div>
4. Simpan template kalian.
keterangan :
Kode yang berwarna biru bisa kalian ganti dengan yang ada dibawah ini
http://lh5.googleusercontent.com/-jtgL8EqZtPo/T-YOSTVhVbI/AAAAAAAACPA/DLAlH7wvG8Q/s800/sexy-witch.gif
http://lh6.googleusercontent.com/-c4TjgNXUJPA/T4b2CqEp_GI/AAAAAAAABjY/yt4AWY6tGXQ/s800/red_baron.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlVv6eUuukMz9CyAa44JDRSnlJsVo4zh09eKyOWCybZAl9ePctysUzokcMxhgKnBHM8g-_4biw3ojWKiWYSB5H1GZDBjllQKfqvfknoQt00aUnBBzyIdGoKzJun1tfR7LzSvS076zqPc/s800/UFO1.gif
http://lh6.googleusercontent.com/-3pHxmXDrZfM/T-Zn96qUC6I/AAAAAAAACPY/XSWhcA7meMc/s144/Gundam.png
5 comments
Click here for commentsmakasih atas cara-cara menambakan efek awannya
Reply:)
iya..
Replythanks buat infonya, visit y
Replyhttp://konichiwax.blogspot.com/
oke sama2
Replyterima kasih kunjungannya
postingan nya sangat bagus
Replyterus posting info info lain nya
Tata Cara Berkomentar yang Baik dan Benar :
1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon