cara membuat gambar animasi

1. Anda harus membuat gambar animasi, kalau gak mau pusing buat gambar, anda bisa mencari gambar disini.
2. Copy alamat URL dari gambar tersebut, klik kanan pada gambar => Copy image Location
3. Login ke akun blog anda.
4. Layout => Edit HTML
5. Klik Expand Template Widget, lalu copy kode HTML lama anda ke notepad/catatan lain untuk memback up.
6. Letakan kode berikut ini tepat dibawah kode ]]>

<br /> <br /> #trik_pojok {<br /> position:fixed;_position:absolute;bottom:0px; right:0px;<br /> clip:inherit;<br /> _top:expression(document.documentElement.scrollTop+<br /> document.documentElement.clientHeight-this.clientHeight);<br /> _left:expression(document.documentElement.scrollLeft+<br /> document.documentElement.clientWidth - offsetWidth); <br /> <br />

7. Letakan kode berikut ini tepat diatas kode

<br /> <br /> <div id='trik_pojok'><a href='http://blogrone.blogspot.com/' target='_blank' title='Mari NgeBlog!'><br /> <img border='0' height='175' src='http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif' width='150'/></a><br /> </div>

9. Gantilah http://blogrone.com/ dengan nama blogmu
10. Ganti Mari NeBlog! sesuai keinginan anda. Kata ini muncul pada saat hendak diklik oleh mouse.
11. Ganti 175 dengan tinggi gambar yang sesuai
12. Ganti http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif dengan alamat URL sumber gambar
13. Ganti 150 dengan lebar gambar yang sesuai
14. Selesai ..

More about → cara membuat gambar animasi

Kumpulan tutorial para blogger master

script selamat datang

postingan kali ini saya ingin mencoba merangkum hasil blog walking saya selama ini, kesempatan kali ini saya membagi sebuah script selamat datang seperti berikut ini
berikut ini scriptnya

<script> function MYALERT() { alert("Selamat Datang di blog wawan yawarmansyah"); } MYALERT() </script>

Cara Membuat Menu Scrolling

Dengan membuat menu scroll untuk menyimpan catatan kita, link, atau banner akan menghemat tempat pada blog kita. Apa menu scroll itu? Baiknya langsung saja liat contoh dibawah ini!

http://wanmustafa.wordpress.com/2011/06/12/proses-belajar-dan-mengajar/
http://wanmustafa.wordpress.com/2011/06/12/model-pembelajaran/
http://wanmustafa.wordpress.com/category/educations/
http://wanmustafa.wordpress.com/category/peluruhan-gamma/

Cara buat menu scroll seperti diatas:

Copi code berikut:

<br /> <br /> <div style="padding-right: 0px; padding-left:20px; padding-bottom: 10px; overflow: auto; width:100%; padding-top: 10px; height: 90px" 1px="1px" solid="solid"><ul><p><a href="http://www.wextra.co.cc/search/label/ASKEP%20ANAK%20DENGAN%20ENCEPHALITIS">Askep Anak dengan Enchephalitis</a> </p><p><a href="http://www.wextra.co.cc/search/label/Asuhan%20keperawatan">Asuhan keperawatan </a> </p><p><a href="http://www.wextra.co.cc/search/label/asuhan%20keperawatan%20anak">Asuhan Keperawatan anak</a> </p></ul></div>

Setelah itu paste pada tempat yang sobat inginkan di blog sobat , apakah pada postingan, sidebar dll. Untuk alamat URLnya sobat ganti dan sesuaikan sendiri!

Untuk memasangnya pada postingan sobat harus berada dalam tab edit HTML, sedangkan untuk memasangnya pada sidebar saran saya untuk sobat agar tak bingung menyesuaikan dengan lebar sidebar ganti lebarnya menjadi 100% kodenya widht: 100% cara memasangnya (untuk yang belum tahu ni):

Login ke blogger
Pada bagian dasbor pilih menu layout/ tata letak
Klik elemen halaman
Tambah gadget pada sidebar yang anda ingin tampilkan menu scroolnya!
Pilih tambah HTML/JavaScript
Beri titel, simpan codenya dalam konten
Save, lihat hasilnya diblog sobat !
Semoga bermanfaat!

More about → Kumpulan tutorial para blogger master