: :

Navbar Bawah




Cari Blog Ini

31.1.13

Widget animasi Blog lucu dan gokil


 Cara Memasang Widget Animasi Bergerak Di Blog

  • Login ke dasbor blog anda
  • Pilih rancangan
  • Pilih Tambah Gadget
  • Pilih Html/Java Script
  • Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
  • Pastekan kode tadi di Html/java script tadi.
  • Simpan, dan selesai


Daftar Kode Html Animasi Bergerak
1.Spongebob


<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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

2.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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

3.Gaara


<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/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

4.Labu


<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://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

5.Tengkorak

<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/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

6.Ekspresi Muka

<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/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>


7. Animasi



<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://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

8. Main Taplak

<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/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

9. Pasangan



<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/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

10.Zoombie


<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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

11.Pigglet


<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/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

12.MiniMouse



<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/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>


13. Hallo


<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/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

14.Hai Friend

<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/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

15.Star

<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/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



16.Gajah Loncat

<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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

17.Booring

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

18.Bayi ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

19. Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

20.Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>


21.Bayi Tertawa

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><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/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

22.Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><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/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

23. Panah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><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/00020236.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

23. Bunga


<div style="position: fixed; bottom: 0px; left: 10px;width:100px;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/00020322.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

24. Anjing Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;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/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

25. Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;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/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

26. Kucing Tidur


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><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/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

27. Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;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/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

28. Dragon

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><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/00020478.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

29. Ikan

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><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/00020479.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

30. Pinguin


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://permathic.blogspot.co
m/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html
zikiarbi.blogspot.com 
Read More --►

Widget Unik Untuk Mempercantik Blog Anda


Widget Unik Untuk Mempercantik Blog Anda

Untuk Anda yang ingin menghiasi tampilan blognya, dibawah ini ada beberapa widget unik dengan tampilan menarik.  







HAMSTER
Widget ini akan menampilkan animasi hamster yang lucu, dan akan mengikuti gerakan kursor mouse.
Anda bisa memberi makan hamster tersebut dengan cara klik kiri di dekat hamster maka akan keluar makanannya. Oh ya... coba Anda klik tombol warna kuning di dalam lingkaran.

   

Untuk mendapatkan kodenya silahkan klik disini  

DOG 
Widget ini masih berupa hewan yaitu anjing, namun yang ini lebih menarik lagi Anda bisa memberi makan, melempar tulang, melempar bola dan menyuruh duduk anjing tersebut. 
Pokoknya widget yang satu ini unik banget deh...

   

Untuk mendapatkan kodenya silahkan klik disini 

FISH
Sesuai namanya, Fish = Ikan widget ini berupa animasi ikan yang akan mengikuti gerakan pointer mouse Anda, sama seperti Widget Hamster di atas ikan dalam widget ini juga dapat diberi makan.

   

Untuk mendapatkan kodenya silahkan klik disini  

TREE FROG
Tree Frog adalah widget berupa animasi katak yang bila kita beri makan dengan cara diklik kiri berupa serangga ( nyamuk atau lalat ) maka katak tersebut akan mengeluarkan lidahnya yang panjang. 

   

Untuk mendapatkan kodenya silahkan klik disini
Read More --►

menambah kotak pencarian


Home » Tips Trik » 5 Widget Kotak Pencarian yang Keren untuk Blogger

7 5 Widget Kotak Pencarian yang Keren untuk Blogger

Diposkan oleh Cendekiawan IT Minggu, 16 Desember 2012 Label: Blogger, Tips Trik
Berikut ini penulis share-kan beberapa script untuk widget atau sidebar atau gadget blogger yang memiliki tampilan cantik dan bisa Anda pasang pada blog Anda. Cara pemasangannya yaitu sebagai berikut:
clean_quick_search_pack
1.) Login ke akun blogger Anda www.blogger.com
2.) Masuk ke menu “Layout/Tata Letak”
3.) Klik “Add a Gadget/Tambah Gadget” 4.) Pilih yang fitur "HTML-JAVASCRIPT"
5.) Klik ikon biru “+”
6.) Copy salah satu kode kotak pencarian di bawah ini yang Anda suka
7.) Paste di “Konten” HTLM-JavaScript
8.) Biarkan “Judul/Title” di kosongi saja
9.) Klik tombol “Simpan/Save”
Style 1 – Box Orange
<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyZRDFDUuaroLZCJtE5dOErdeR9Gnf1wx8t8_zIGZ_h_YIHcCOeQGhElEWxxpD6-UfElfAmgywECh-5v18mKTB4uNq3_Nz42YuxkBfBHF3t6LOb7NQHyNrq6pAcTC0pVxQ0MKWPG0xUQ/s1600/Yellow-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus='if (this.value == "Search Here...")
{this.value = ""}' onblur='if (this.value == "") {this.value = "Search Here...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 2 – Box Hitam
<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ggP7p6hG9TCkq4z1MSF6oNIYOInKvmqQyJ1n4tKb8ufEbgkLC5-bY14D9KlmsemFpi6g5-79KwNVW9YuOaImVFAFCe4WvDLf2QBn2qBAQ6aHwvzAjkKPYY-vBT7n26R6CjwpNM0WHQ/s1600/Black-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus='if (this.value == "Search Here...")
{this.value = ""}' onblur='if (this.value == "") {this.value = "Search Here...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 3 – Box Biru
<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV5mfDA9z6g2lq0ledPatmoVnbL8CY5bXE9DCLp71s5AlqO4KMPNP0t8JO8dvVqCUocX_k10IjcYSe2ezcBPZwUJxm7gZ165a6dIhMXuf1s88ggf09uq-vBWeACmzGfhqnmVY2L0y3xw/s1600/Blue-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus='if (this.value == "Search Here...")
{this.value = ""}' onblur='if (this.value == "") {this.value = "Search Here...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 4 – Box Hijau
<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Wdusor30ezFNpDE2w5LrcLHJEuGY8fecYF5ZNa8ti-hcfzofUF5pCGnuAZNgbbPCTcSbtqaG82Zv4yaEB0JMWVqApcIsPTpQk85WJIv4rAb_ue-oNEPs-mh85sXMyRg_KE8v9w1L_Q/s1600/Green-Search-Engine.png)
no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus='if (this.value == "Search Here...")
{this.value = ""}' onblur='if (this.value == "") {this.value = "Search Here...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 5 – Box Merah
<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJut5-BPZHlGWHxBMfNQaGhDUdZ0Hg6ZnVnrvg0l-eDfZVy6vjvkFOdO0eJ6EmuzADCnwX5ropHWQ7JLMI0h7A_dnhZZ2dzqddGdyo-M9seO-LNkViPU9W43Q_fKxeW6Kc95vlYtc9tw/s1600/Red-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
Read More --►

zainal ziki


Read More --►

cara membuat tombol like pada blog

Kali ini saya akan memberikan Teknik memperbanyak Like Di Fans Page Facebook dengan cara memasang tombol Like Facebook di Blog yang selalu mengikuti kursor sebelum pengunjung sobat meng-klik tombol Likenya.
 
Berikut ini langkah-langkah pemasangan :
  • Login ke blogger. 
  • Rancangan >> Edit Html >> Centang "Expand Template Widget".
  • Tekan CTRL + F untuk memudahkan pencarian kode. 
  • Letakkan kode berikut tepat DIATAS kode </body> .
<script language='javascript' src='http://vicahya.googlecode.com/files/like.js'/>
  • Klik "Simpan Template". Eiiit belum selesai sobat. 
  • Pada tab "Rancangan" klik "Elemen Laman" >> Tambah Gadget >> Cari dan klik "Html/JavaScript".
  • Letakkan kode berikut ini pada kolom konten. Untuk judul dikosongkan saja!.

<script language='javascript'>var fan_page_url = 'http://www.facebook.com/AkramBerbagi'
var opacity = 0.2;
var time = 10000;</script>
Keterangan : 
  1. Ganti bagian yang berwarna biru dengan URL Fans Page Blog Anda 
  2. Untuk menambah ketransparanannya, silakan tambah nilai variable pada opacity 
  3. Dan untuk memperlama waktu menghilangnya silakan tambah nilai variable pada var time

Sumber Artikel: http://akramberbagi.blogspot.com/2012/12/membuat-link-facebook-mengikuti-kursor-blog.html#ixzz2Jb9VTRUR
Read More --►

29.1.13

gadget blog keren


gedeg
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/aLdo.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
nemo
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/SuRyD.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
joro
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/zoroattack.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
barongsai
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/Barongsai-1.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
berubah
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/berubah.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/dandan.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/Dup3ngupil.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/ganteng.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/hehe.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/hiks1.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/hore.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
hujan

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/hujan.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
unyu-unyu

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/huuuuuu.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/jedug.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
kembik2


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://berbagi-html.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/kembik2.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://berbagi-html.blogspot.com/2012/08/widget-animasi-keren-di-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
 zikiarbi,blogspot.com
Read More --►
Langganan: Postingan ( Atom )