Cara Membuat Widget Sendiri di Blog

Berikut Langkah-Langkah Membuat Widget Sendiri di Blog :

1. Siapkan File yang akan dibuat Widget, File tersebut harus dalam salah satu format : .jpg/.gif/.png/.swf/ <file yang direkomendasikan atau .html/.htm/.js/.widget/.zip/.kon/.wdgt/.exe/.dmg/.gg/.air/.gadget/.klip/.aveinst/.tac

2. Pastikan File tidak terlalu besar, agar saat mengUpload tidak terlalu berat dan lama.

3. Pergi ke Widgipedia

4. Daftar dulu , Register / Sign Up dulu disana.

5. Setelah Akun sudah Terdaftar, siap-siap membuat widget ^_^
    disini kamu juga bisa mengunggah widget-widget dari berbagai blogger    yang telah disubmit ke Widgipedia

6. Yang pertama Klik "Submit a Widget"

7. Isikan Title nya

8. Isi Versi dari Widget yang akan kamu buat

9. Isi Tag

10. Isi Deskripsi dari Widget anda

11. Untuk membuat File dengan Format .JPG/.PNG/.GIF silakan klik "choose file" sedangkan format .swf/.html/.htm/.js/.widget/.zip/.kon/.wdgt/.exe/.dmg/.gg/.air/.gadget/.klip/.aveinst/.tac  bisa anda cari uploader nya di tab kanan 'Dekstop Platform' / 'Mobile Platform' 

12. Setelah anda memilih File yang ingin dibuat Widget anda bisa mencentang  'Don't show this widget to other people' Jika tidak ingin mempublikasikan file widget anda

13. Setelah semuanya siap, Klik 'Submit'

14. Tunggu beberapa waktu... File anda sedang diupload

15. Setelah Berhasil, HTML Code Widget anda sudah tercantum di profil widget anda.

SEMOGA BERMANFAAT ^_^ 'Shooters dWh'

Read more >>

Cara Memasang Animasi Blog di Pojok Blog

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 menggunakankode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget-Animasi</a></center></small></div>

2. 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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget-Animasi</a></center></small></div>

3.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget-Animasi</a></center></small></div>

4.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget-Animasi</a></center></small></div>

5. 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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

6. 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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. 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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. 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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget Animasi</a></center></small></div>

9. 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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget Animasi</a></center></small></div>

10.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget Animasi</a></center></small></div>

11.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget Animasi</a></center></small></div>

12.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget Animasi</a></center></small></div>

13.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget Animasi</a></center></small></div>

14.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget Animasi</a></center></small></div>

15.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html">Widget Animasi</a></center></small></div>

16.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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html">Widget Animasi</a></center></small></div>

17. 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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html">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

3. format "bottom" berarti bawah.. jika ingin diletakkan di atas, hapus dan ganti format menjadi "top"

<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://shootersspero.blogspot.com/2012/02/cara-memasang-animasi-blog-di-pojok.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

SEMOGA BERMANFAAT~

Read more >>