Cara Membuat Efek Awan Dan Pesawat di Blog

Assalamualaikum sahabat blogger. Lagi pada apa neh semua?
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0dVOr3mJth7KcRs4luRuo5R1Somrlsv7NPt_9tLjm-sVXMSsBEsgOkWm5NyDLyOJ71rI_c1BQW7f-YYwFmC72Pta9OyR7ZSOwv-1BGSCrLNtWt7x0QCuITzgIkrjFqwqpnWpZmp4t1XC/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



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivP-csIhva5QAAFSjYMQiOxMwOaMLFUwDb2O6dK_UDFp-6u5TLTkZ04njCY0Jn7BrgxX0SJ1vEwgm2liwDINnfM5JRfavt1iYPIwDV5D3_XFPw758jdmHB14gjLL2weHkrP2oIScxc9IVx/s800/sexy-witch.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0dVOr3mJth7KcRs4luRuo5R1Somrlsv7NPt_9tLjm-sVXMSsBEsgOkWm5NyDLyOJ71rI_c1BQW7f-YYwFmC72Pta9OyR7ZSOwv-1BGSCrLNtWt7x0QCuITzgIkrjFqwqpnWpZmp4t1XC/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
Previous
Next Post »

5 comments

Click here for comments
October 6, 2013 at 1:29 PM ×

makasih atas cara-cara menambakan efek awannya
:)

Reply
avatar
Unknown
admin
December 24, 2013 at 5:27 AM ×

thanks buat infonya, visit y
http://konichiwax.blogspot.com/

Reply
avatar
Afif Nuzia A
admin
December 24, 2013 at 11:24 AM ×

oke sama2
terima kasih kunjungannya

Reply
avatar
April 5, 2016 at 9:15 AM ×

postingan nya sangat bagus
terus posting info info lain nya

Reply
avatar

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

Thanks for your comment