SELAMAT DATANG: Widget

Home » Posts filed under Widget

Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Posted by Roco Tyole 31 Mar 2013 0 comments

Halo sobat blogger , kali ini saya menshare Kumpulan widget / animasi bergerak . animasi bergerak ini sangat untuk menghisai blog sobat . sebelum men share saya sudah memasang gadget naruto keren [[ lihat lebih pastinya :http://vesuskingqueen.blogspot.com/2012/08/widget-kerenwidget-keren-anime-naruto.html ]] tapi hanya sedikit sehingga saya memosting kembali kumpulan widget keren untuk blog / animasi bergerak.

berikut adalah daftar dan cara memakainnya.

1.Spongebob [cocok untuk pecinta spongebob XD ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">My Widget</a></center></small></div>

2.Gajah loncat [ ngakak XD ]

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Widget-Animasi</a></center></small></div>

3.zombie [ wew ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">My Widget</a></center></small></div>

4. Naruto mode kyubi [ cocok penggemar naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">My Widget</a></center></small></div>

5.Deidara [ naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a></div>

6.Jiraiya [ naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a></div>

7.deidara vs gara [ naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyRlv916D2fQIUYV6HApap2lvgr0TQTsDwgLOb9qzOQajBsWq8aIwaenp_bXvdzf-J2vIq_ofM42WjtAgD7w-HRg9wc_2MXDL1FhZWrLtcvJgd_WLWTlORxc1vvWoWNSg7uy_704-GyYx/s1600/n16.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank"> Anime Android </a></center></small></div>

8.animasi tengkorak [ ngakak gan ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://irwan.net/wp-content/uploads/2010/11/animatedgifs.gif " title="lihat lebih banyak animasi tengkorak bergerak" alt="animasi tengkorak bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Widget Animasi </a></center></small></div>

9.Helikopter

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="lihat lebih banyak animasi helikopter". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Animasi Helikopter</a></center></small></div>

10.zorro vs sanji [ one piece ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://onepieceindo.files.wordpress.com/2009/10/1_19.gif?w=150&h=150" title="klik untuk lihat animasi " /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Animasi Onepiece</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),

BONUS

Widget cewek cantik brooo !

Posisi bawah kanan

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/cewek-seksi-2.swf','bottom','-3px','right','0px','113213','150','430','transparent','ffffff');</script>

Kiri bawah

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/cewek-seksi-2.swf','bottom','-3px','left','0px','112213','150','430','transparent','ffffff');
</script>

sekian dulu yang saya share kumpulan widget keren/widget keren/ , kalau menginginkan widget cewek sexy yang lebih isi kolom komentar nanti ane tambah.

Posted by Roco Tyole 22 Feb 2013 0 comments

Halo sobat blogger , kali ini saya menshare Kumpulan widget / animasi bergerak . animasi bergerak ini sangat untuk menghisai blog sobat . sebelum men share saya sudah memasang gadget naruto keren tapi hanya sedikit sehingga saya memosting kembali kumpulan widget keren untuk blog / animasi bergerak.

berikut adalah daftar dan cara memakainnya.

1.Spongebob [cocok untuk pecinta spongebob XD ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">My Widget</a></center></small></div>

2.Gajah loncat [ ngakak XD ]

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Widget-Animasi</a></center></small></div>

3.zombie [ wew ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">My Widget</a></center></small></div>

4. Naruto mode kyubi [ cocok penggemar naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">My Widget</a></center></small></div>

5.Deidara [ naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a></div>

6.Jiraiya [ naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a></div>

7.deidara vs gara [ naruto ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyRlv916D2fQIUYV6HApap2lvgr0TQTsDwgLOb9qzOQajBsWq8aIwaenp_bXvdzf-J2vIq_ofM42WjtAgD7w-HRg9wc_2MXDL1FhZWrLtcvJgd_WLWTlORxc1vvWoWNSg7uy_704-GyYx/s1600/n16.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank"> Anime Android </a></center></small></div>

8.animasi tengkorak [ ngakak gan ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://irwan.net/wp-content/uploads/2010/11/animatedgifs.gif " title="lihat lebih banyak animasi tengkorak bergerak" alt="animasi tengkorak bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Widget Animasi </a></center></small></div>

9.Helikopter

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="lihat lebih banyak animasi helikopter". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Animasi Helikopter</a></center></small></div>

10.zorro vs sanji [ one piece ]

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://onepieceindo.files.wordpress.com/2009/10/1_19.gif?w=150&h=150" title="klik untuk lihat animasi " /></a><small><center><a href="http://thedragao.blogspot.com/2012/08/kumpulan-widget-kerenkumpulan-widget.html" target="_blank">Animasi Onepiece</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),

BONUS

Widget cewek cantik brooo !

Posisi bawah kanan

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/cewek-seksi-2.swf','bottom','-3px','right','0px','113213','150','430','transparent','ffffff');</script>

Kiri bawah

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/cewek-seksi-2.swf','bottom','-3px','left','0px','112213','150','430','transparent','ffffff');
</script>

sekian dulu yang saya share kumpulan widget keren/widget keren/ , kalau menginginkan widget cewek sexy yang lebih isi kolom komentar nanti ane tambah.

Cara membuat widget Twitter Update

Posted by Roco Tyole 27 Jan 2013 0 comments

Cara membuat widget Twitter Update

Menampilkan Widget twitter live updates di blog ini saya bagikan untuk sobat yang gemar menggunakan twitter sebagai sarana sosial media. Widget ini salah satu yang menjadi favorit saya, karena tampak atraktif dan animatif sehingga dapat menjadi tambahan dalam hal desain blog.

Widget ini banyak ditemui di banyak blog terkenal seperti blog terkenal terselubung. Sebagian menggunakan JavaScript yang rumit sehingga memakan waktu loading yang cukup lama dan berat. Sehingga bagi blog yang menggunakan JavaScript, widget ini dapat menambah beban blog dan membuang waktu load lebih panjang. Untuk versi widget twitter live updates ini, saya sudah memodifikasi kode JavaScript-nya menggunakan Minify JavaScript dan hasilnya widget ini menjadi lebih ringan.

Cara memasang twitter widget live updates di blogger

1. Masuk ke Dashboard >> Tata Letak >> Add Gadget/Tambah Gadget

2. Pilih HTML/JavaScript

3. Masukkan kode JavaScript berikut ini di kolom yang tersedia.

Keterangan

Ganti USERNAME dengan username twitter yang ingin ditampilkan pada widget.

4. Jangan lupa untuk klik Save dan lihat hasilnya.