Hello, Sobat Hari ini saya posting tutorial Cara membuat posting dengan backround awan berjalan. Dengan CSS Dan Java Script yang Simple sekali.
Sobat dapat melihat pemandangan langit dengan awan bergerak sangat menakjubkan sekali
Cara Posting Tambahkan Background Awan:bergerak
1. Pergi Akun Blogger
2. Klik Template Option Menu
3. Klik EDIT HTML.
4. Klik "Expand widget"
Cari Kode Bawah :
</ head>
Lalu tambahkan Kode Berikut Sebelum atau diatas </ head>
<script src="http://dl.dropbox.com/u/69069044/Wes_mob_Post.js" type="text/javascript"> </script> <script type="text/javascript"> // speed in milliseconds var scrollSpeed = 70; // set the default position var current = 0; // set the direction var direction = 'h'; function bgscroll(){ // 1 pixel row at a time current -= 1; // move the background with backgrond-position css properties $('div.clouds').css("backgroundPosition", (direction == 'h') ? current+"px 0" : "0 " + current+"px"); } //Calls the scrolling function repeatedly setInterval("bgscroll()", scrollSpeed); </script> <style type="text/css"> body{background:#fff}.clouds{background:#3e83c8 url(http://dl.dropbox.com/u/69069044/bg_clouds.png) repeat 0 bottom;width:600px;height:900px;margin:10px;border:2px solid #ccc;} </style>
6. SIMPAN TEMPLATE ..
7. Buat Posting Baru tulis Post penuhi halaman ... Selesai Post Klik HTML
Tombol (Editer Kiri Top) Pertama Jalur IS <div class="clouds"> Dan Akhir atau terakhir
Baris </ div>
Tutup elemen Div ..
8. Publish Post, Anda bisa lihat awan bergerak Keren ..
Tidak ada komentar:
Posting Komentar