Cara memasang gambar animasi lucu di pojok blog

Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :


1. Pintu



Script:

<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

2. Teriak


Script animasi :

<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

3. Terkurung


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:80px;height:100px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

4. Sincerely


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:180px;height:80px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

5. Menangis


Script:

<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

6. Piala

Script :

<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

7. Sundul bola


Script:

<div style="position: fixed; bottom: 0px; left: 0px;width:125px;height:150px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

8. Tawon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

9.Kipas


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

10.Telur menetas


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

11.Ayam bertelur


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

12.Beruang


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:100px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

13. Kucing





14.Gawang


Script :

<div style="position: fixed; bottom: 0px; left: 0px;width:155px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

15.Gajah loncat



Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

16. Boring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

17.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

18.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

19. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

20. Tuyul baring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

21. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

22. Panah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

23. Bunga




Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

24.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

25.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

26.Kucing tidur



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

27.Kelinci


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

28.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

29.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

30.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

31. Helikopter


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Catatan:


1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
2. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini

<div style="position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Selengkapnya...

Memasang Hewan Peliharaan Di Blog

Buat para blogger yang suka memelihara hewan dirumah, pas banget ma widget/gadget hewan satu ini yang saya dapatkan dari situs penyedianya http://abowman.com/. Widget/gadget hewan ini mudah-mudahan akan membuat kalian serasa memelihara hewan di rumah seperti bermain-main dan memberi makan hewan. Untuk cara bermain dan memberi makan kalian jajal sendiri aja dengan coba-coba mengarahkan kursor kalian ke widget/gadget hewan.

Hewan Peliharaan Blog

Berikut script beberapa hewan yang saya ambil dari situs penyedianya untuk kalian copas ke sidebar kalian.

Fish/Ikan

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Hamster

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Tree Frog/Kodok

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Dog/Anjing

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

Turtle/Kura-kura

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Saya hanya mengambil script hewan yang bisa diberi makan untuk selebihnya kalian bisa mengunjungi situs penyedianya

Untuk pemasangan ikuti langkah-langkah berikut

1. Login  ke akun blogger kalian
2. Pilih Rancangan >> Klik Elemen Laman >> Klik Tambah Widget/Gadget
3. Kemudian pilih HTML/JavaScript
4. Tentukan salah satu hewan peliharaan kalian, lalu copas code di bawah nama hewan ke kolom konten dan isi kolom judul dengan nama yang kalian inginkan. Kolom judul dikosongkan juga boleh.
5. Terakhir klik Simpan/Save dan lihat

Saya bingung mau postingan apaan hahay

Baca juga Blogger Tutorial lainnnya Selengkapnya...

Cara Membuat Alert Masukin Nama Pengunjung Di Blog!!!

Cara Membuat Alert Masukin Nama Blog!!!

Hey All, Salam Rhenz Blog! Kalo Artikel Sebelumnya Rhenz Sudah Membahas Tentang Cara Membuat GoodBye Alert Di Blog Kali Ini Rhenz Bakal Ngasih Tahu Cara Masang Welcome Alert Versi 2 Di Blog. Eits, Jangan Kecewa Dulu, Welcome Alertnya Bukan Kayak Yang Dulu. Tapi Kali Ini Welcome Alertnya Adalah Untuk Menanyakan Nama Pengunjung! Tentu Saja Cara Pembuatannya Gak Begitu Sulit Karena Gak Beda Jauh Dengan Yang Dulu.

Nah Mau Tahu Caranya Kan? Silahkan Ikuti Cara Di Bawah Ini!

1) Login Ke Blogger

2) Masuk Ke Rancangan > Edit Html

3) Back-Up Lah Terlebih Dahulu Template Anda Untuk Menghindari Kemungkinan Terburuk

4) Centang Expan Template Widget

5) Cari Code </head> (Gunakan Ctrl+F Atau F3 Untuk Memudahkan Pencarian)

6)  Kalo Sudah Ketemu, Paste Code Di Bawah Ini Di Atas Code </head>

<script type="text/javascript">var yourName = prompt("Selamat Datang ", "Tulis Nama Kamu?");</script>

7) Ubah Tulisan Tulis Nama Kamu? Dengan Kata-Kata Yang Meminta Untuk Mengisi Nama Pengunjung. Seperti Masukkan Nama Anda, Atau Enter Your Name
8) Ubah Kata Selamat Datang Dengan Kata Sambutan Pengiringnya Seperti Welcome, Atau Halo!!!
9) Save Template Selengkapnya...

Cara Mudah Memasang Lagu Di Blog

Cara Mudah Memasang lagu/musik pada blog yang otomatis play saat blog dibuka

Selamat datang blogger mania.. :)
Setelah berselancar sana sini untuk memperoleh info mengenai cara pemasangan lagu yg secara otomatis play lewat google search tentunya:), akhirnya saya menemukan cara yang mudah, efektif dan efisien yang juga telah saya gunakan untuk blog kesayangan saya ini...

oke langsung saja.. sobat kunjungi alamat ini http://divine-music.info, lalu di side bar sebelah kiri pilih " Browse all" lalu anda pilih penyanyi yg anda suka, kemudian akan muncul beberapa judul dari penyanyi tersebut beserta kode html yg ada dlm kotak.. dan langkah terakhir, copy pastekan kode tersebut dalam blog anda dengan langkah sbb: signva in ke blog anda->dashboard->design->page element->add a gadget (di tempat yg anda kehendaki)->html/java script->pastekan pada kolom isi->save kemudian jangan lupa untuk save di wall page element yg ada di sebelah kanan lalu PREVIEW.. naaa mudah kan... tapi sayangnya disini hanya menyediakan lagu barat namun berkelas dan kualitas suara musiknya bagus.. okee selamat mencoba sahabat blogger.. see yaaaa :D salam sukses

Selengkapnya...

Memasang Efek Daun Berguguran

Nih gw kasih tau sob cara memberi efek pada blog kita
ternyata caranya sangat mudah sob.. yang dulu gw pengen diajarin cranya sama tmen gua tapi gag jadi karna gw mau cari sendiri dan nih gw kasih langkah langkah ny..:

berikut langkah-langkah nya:
1.login dulu ke blog
2.pilih template
3. klik edit html
4. lanjuntakan dan klik expand templat widget
5. cari kata </head>
6. dan copast code di bawah ini di atas tulisan </head>

<script src='https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/daungugur.js' type='text/javascript'/>


 semoga berhasil sob and selamat mencoba... Selengkapnya...

Read More Otomatis pada Template Blogger

Read More Otomatis pada Template Blogger

Seperti janji minggu lalu ya sob,Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.

Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

(1)

(2)

(3)

Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>

Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Selengkapnya...

Membuat Hiasan Cursor Di Blog

Membuat Cursor Bertabur Bintang

Kita tau setiap pergerakan atau aktifitas yang kita gunakan dikomputer umumnya menggunakan Mouse yang mengarahkan Cursor untuk menuju tempat yang kita arahkan. Nah Selama ini kita gunakan hanya berbentuk tampilan cursor biasa seperti ujung anak panah. Menurut kita itu kurang bagus tampilannya. Jadi agar tampilan anak panah tersebut terlihat indah maka kita kasi hiasan seperti bintang kecil-kecil yang selalu mengikuti pergerakan cursor mouse tersebut. Sebagai contoh bisa dilihat langsung pada tampilan blog saya ini yang kemana arah cursornya selalu diikuti bintang yang bertaburan.

Berikut ini cara Membuat Cursor Bertabur Bintang.

1.Login ke blogger.
2.Klik Tatat Letak.
3.Klik Tambah Gadget.
4.Pilih HTML/javascript.
5.Letakkan HTML di bagian bagian mana saja.
6.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang biru

<script src="http://ujiecaprone.com/js/bintangbiru.js" type="text/javascript"></script>

Bintang hijau

<script src="http://ujiecaprone.com/js/bintanghijau.js" type="text/javascript"></script>

Bintang merah

<script src="http://ujiecaprone.com/js/bintangmerah.js" type="text/javascript"></script>

Bintang putih

<script src="http://ujiecaprone.com/js/bintangputih.js" type="text/javascript"></script>

Bintang ungu

<script src="http://ujiecaprone.com/js/bintangungu.jss" type="text/javascript"></script>

Tutor ini saya dapat dari hasil penelusuran di halaman om google.., semoga berhasil..

Membuat Cursor Bergelembung 

 

Dan kita juga bisa membuat cursor di beri hiasan seperti gelembung-gelembung kecil yang selalu memngikuti kemana pergerakan cursor kita dan gelembung-gelembung kecil itu naik ke atas.


Berikut ini cara membuat cursor bergelembung


1.Login ke blogger.
2.Klik Tatat Letak.
3.Klik Tambah Gadget.
4.Pilih HTML/javascript.
5.Letakkan HTML di bagian bagian mana saja.
6.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi 

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">

// <![CDATA[

var colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF", "#0066FF"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen

/****************************

* JavaScript Bubble Cursor *

* (c) 2010 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON'T EDIT BELOW THIS BOX *

****************************/

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();

window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}

function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}

function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}

window.onscroll=set_scroll;

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

return (div);

}

// ]]>

</script>

Tutor ini saya dapat dari hasil penelusuran di halaman om google.., semoga berhasil..

Selengkapnya...

Seajarah planet

SEJARAH PLANET

Sejalan dengan berkembangnya ilmu pengetahuan, pengertian istilah “planet” berubah dari “sesuatu” yang bergerak melintasi langit (relatif terhadap latar belakang bintang-bintang yang “tetap”), menjadi benda yang bergerak mengelilingi Bumi. Ketika model heliosentrik mulai mendominasi pada abad ke-16, planet mulai diterima sebagai “sesuatu” yang mengorbit Matahari, dan Bumi hanyalah sebuah planet. Hingga pertengahan abad ke-19, semua obyek apa pun yang ditemukan mengitari Matahari didaftarkan sebagai planet, dan jumlah “planet” menjadi bertambah dengan cepat di penghujung abad itu.
Selama 1800-an, astronom mulai menyadari bahwa banyak penemuan terbaru tidak mirip dengan planet-planet tradisional. Obyek-obyek seperti Ceres, Pallas dan Vesta, yang telah diklasifikasikan sebagai planet hingga hampir setengah abad, kemudian diklasifikan dengan nama baru “asteroid”. Pada titik ini, ketiadaan definisi formal membuat “planet” dipahami sebagai benda ‘besar’ yang mengorbit Matahari. Tidak ada keperluan untuk menetapkan batas-batas definisi karena ukuran antara asteroid dan planet begitu jauh berbeda, dan banjir penemuan baru tampaknya telah berakhir.
Namun pada abad ke-20, Pluto ditemukan. Setelah pengamatan-pengamatan awal mengarahkan pada dugaan bahwa Pluto berukuran lebih besar dari Bumi, IAU (yang baru saja dibentuk) menerima obyek tersebut sebagai planet. Pemantauan lebih jauh menemukan bahwa obyek tersebut ternyata jauh lebih kecil dari dugaan semula, tetapi karena masih lebih besar daripada semua asteroid yang diketahui, dan tampaknya tidak eksis dalam populasi yang besar, IAU tetap mempertahankan statusnya selama kira-kira 70 tahun.
Pada 1990-an dan awal 2000-an, terjadi banjir penemuan obyek-obyek sejenis Pluto di daerah yang relatif sama. Seperti Ceres dan asteroid-asteroid pada masa sebelumnya, Pluto ditemukan hanya sebagai benda kecil dalam sebuah populasi yang berjumlah ribuan. Semakin banyak astronom yang meminta agar Pluto didefinisi ulang sebagai sebuah planet seiring bertambahnya penemuan obyek-obyek sejenis. Penemuan Eris, sebuah obyek yang lebih masif daripada Pluto, dipublikasikan secara luas sebagai planet kesepuluh, membuat hal ini semakin mengemuka. Akhirnya pada 24 Agustus 2006, berdasarkan pemungutan suara, IAU membuat definisi planet. Jumlah planet dalam Tata Surya berkurang menjadi 8 benda besar yang berhasil “membersihkan lingkungannya” (Merkurius, Venus, Bumi, Mars, Yupiter, Saturnus, Uranus dan Neptunus), dan sebuah kelas baru diciptakan, yaitu planet katai, yang pada awalnya terdiri dari tiga obyek, Ceres, Pluto dan Eris.
[sunting] Sejarah nama-nama planet
Lima planet terdekat ke Matahari selain Bumi (Merkurius, Venus, Mars, Yupiter dan Saturnus) telah dikenal sejak zaman dahulu karena mereka semua bisa dilihat dengan mata telanjang. Banyak bangsa di dunia ini memiliki nama sendiri untuk masing-masing planet (lihat tabel nama planet di bawah). Pada abad ke-6 SM, bangsa Yunani memberi nama Stilbon (cemerlang) untuk Planet Merkurius, Pyoroeis (berapi) untuk Mars, Phaethon (berkilau) untuk Jupiter, Phainon (Bersinar) untuk Saturnus. Khusus planet Venus memiliki dua nama yaitu Hesperos (bintang sore) dan Phosphoros (pembawa cahaya). Hal ini terjadi karena dahulu planet Venus yang muncul di pagi dan di sore hari dianggap sebagai dua objek yang berbeda.
Pada abad ke-4 SM, Aristoteles memperkenalkan nama-nama dewa dalam mitologi untuk planet-planet ini. Hermes menjadi nama untuk Merkurius, Ares untuk Mars, Zeus untuk Jupiter, Kronos untuk Saturnus dan Aphrodite untuk Venus.
Pada masa selanjutnya di mana kebudayaan Romawi menjadi lebih berjaya dibanding Yunani, semua nama planet dialihkan menjadi nama-nama dewa mereka. Kebetulan dewa-dewa dalam mitologi Yunani mempunyai padanan dalam mitologi Romawi sehingga planet-planet tersebut dinamai dengan nama yang kita kenal sekarang.

Hingga masa sekarang, tradisi penamaan planet menggunakan nama dewa dalam mitologi Romawi masih berlanjut. Namun demikian ketika planet ke-7 ditemukan, planet ini diberi nama Uranus yang merupakan nama dewa Yunani. Dinamakan Uranus karena Uranus adalah ayah dari |Kronos (Saturnus). Mitologi Romawi sendiri tidak memiliki padanan untuk dewa Uranus. Planet ke-8 diberi nama Neptunus, dewa laut dalam mitologi Romawi.
[sunting] Nama planet dalam bahasa lain
Arab Syams Utaared Zuhra Ard Qamar Marrikh Mushtarie Zuhal Uraanus Niftuun
Belanda Zon Mercurius Venus Aarde Maan Mars Jupiter Saturnus Uranus Neptunus
Bengali Surya Budh Shukra Prithivi Chand Mangal Brihaspati Shani - -
Canton Taiyeung Suising Gumsing Deiqao Yueqao Fuosing Moqsing Tousing Tinwongsing Huoiwongsing
Filipina Araw Merkuryo Beno Daigdig Buwan Marte Hupiter Saturno Urano Neptuno
Gujarati Surya Budh Shukra Prathivi Chandra Mangal Guru Shani Prajapathie Varun
Indonesia Matahari Merkurius Venus Bumi Bulan Mars Yupiter Saturnus Uranus Neptunus
Inggris Sun Mercury Venus Earth Moon Mars Jupiter Saturn Uranus Neptune
Jawa Srengenge Buda Kejora Jagad Wulan Anggara Respati Sani - -
Jepang Taiyou Suisei Kinsei Chikyuu Tsuki Kasei Mokusei Dosei Ten’ousei Kaiousei
Jerman Sonne Merkur Venus Erde Mond Mars Jupiter Saturn Uranus Neptun
Latin Sol Mercurius Venus Terra Luna Mars Jupiter Saturnus Uranus Neptunus
Melayu Matahari Utarid Zuhrah Bumi Bulan Marikh Musytari Zuhal Uranus Neptun
Mandarin Taiyang Shuixing Jinxing Diqiu Yueqiu Huoxing Muxing Tuxing Tianwangxing Haiwangxing
Perancis Soleil Mercure Vénus Terre Lune Mars Jupiter Saturne Uranus Neptune
Portugis Sol Mercúrio Vênus Terra Lua Marte Júpiter Saturno Urano Neptuno
Russia Solnce Merkurij Venera Zemlja Luna Mars Yupiter Saturn Uran Neptun
Sansekerta Surya Budha Sukra Dhara Chandra Mangala Brhaspati Sani - -
Thailand Surya Budha Sukra Lok Chandra Angkarn Prhasbadi Sao Uranus Neptune
Yunani Helios Hermes Aphrodite Gaea Selene Ares Zeus Kronos Uranos Poseidon Selengkapnya...