3 Widget Animated Twitter Follow untuk Blogger/Blogspot, Keren!

 

 

Tips-tricks blogger kali ini mau share Widget-widget Follow Me on Twitter Blogspot, yang ternyata tidak cuma dalam bentuk gambar diam aja loh. Curi perhatian pengunjung blogmu dengan "Flash Animated Follow Me Twitter Bird' yang bisa gerak-gerak mengundang perhatian pengunjung.

Ada tiga jenis widget animated twitter bird yang bisa dipake, pilih salah satu, salah tiga juga boleh lah. Nih contohnya:

Scriptnya:

<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie"
value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>
<param name="flashvars" value="username=rz_davejack"/><a href="http://www.gamblinginsider.ca" title="gambling">gambling</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=rz_davejack"></embed></object>

Scriptnya:

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=rz_davejack"></param><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=rz_davejack"></embed></object>

Scriptnya:

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=rz_davejack"></param><a href="http://www.dreambingo.co.uk/" title="http://www.dreambingo.co.uk/">http://www.dreambingo.co.uk/</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=rz_davejack"></embed></object>

Cara memasang Widget Flash Animated Follow Me Twitter Bird:

1. Masuk ke dashboard > Design/Rancangan > Add/tambah gadget > Pilih HTML/Javascript.

2. Copy salah satu script di atas. Ganti rz_davejack dengan nama account twitter-mu.

3. Paste ke dalam kotak HTML/Javascript dan save. Posisikan (drag and drop) gadget ke posisi yang diinginkan lalu save lagi.

4. Done!

Cara buat guestbook (buku tamu)

Cara buat buku tamu - Cara buat/memasang guest book di blog tutorial blogger untuk Blogger Pemula.Tutorial blogger yang akan menjelaskan/menginformasikan tentang Cara Membuat Buku Tamu "Menggantung" Di Blog.Buku tamu/Shoutmix/Shoutbox merupakan salah satu aksesoris blog yang saya anggap sebagai salah satu aksesoris yang wajib ada di blog/website.Bentuk dari buku tamu mungkin berbeda-beda,namun mempunyai fungsi yang sama.Fungsinya adalah untuk memudahkan pengunjung untuk mengisi buku tamu tersebut,kalau dia pernah singgah di blog sobat.


Dalam panduan blogger kali ini,saya akan membantu sahabat untuk membuat buku tamu/guest book yang tampilannya menggantung/melayang di blog.Jika sahabat mau lihat contoh buku tamu menggantung/melayang ini,sahabat tidak perlu jauh-jauh berkunjung ke blog lain.Silahkan sahabat lihat saja di blog ini yang ada di sebelah kiri blog bagian bawah.Jika sahabat tertarik untuk mempunyai buku tamu seperti ini,silahkan sahabat langsung saja simak penjelasannya di bawah ini.Caranya cukup mudah kok.......simak ya......

Untuk memulai membuatnya,silahkan ikuti panduan dan langkah-langkahnya seperti berikut :

• Seperti biasa sobat mesti login dulu ke blog sobat
• Silahkan klik Rancangan
• Klik elemen laman
• Klik tambah gadget/add gadget
• Klik opsi HTML/Javascript
• Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ95ZMwLfo1wSXA596CeUHJWXWd_mKIF1uVTl_2HmuGi8xJT29Pv5hW5SfBZMkSZ_8JvdNxcbzs5mQav-OWUL3uIx1aI7eJacacafeDv2OcmYpaoh70ChjEKZ5NtQYWl5CIdIbcmxDmCwn/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sahabat <!-- END CBOX --> </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

• Perhatikan tulisan  <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sahabat <!-- END CBOX -->  silakan ganti dengan code Cbox sahabat  
• Untuk mendapatkan kode dari cbox,silahkan kunjungi Cbox
• Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih dulu,kemudian verifikasi email trus silahkan login
• Silahkan ikuti petunjuk yang ada
• Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut
• Selesai