Twitter Followers Box Auto Hide

Tidak perlu di jelaskan lagi apa itu twitter dan apa ke untungannya bila di pasang di Blog/Situs Anda.
Kegunaan memasang twitter box memanglah sangat banyak di antaranya untuk mendapatkan banyak pengikut di blog/situs, untuk memodifikasi blog/situs ataupun untuk mempercantik blog/situs.

Sebelumya Oto Website pernah membahas tentang twitter di blog/situs ya itu Twitter Followers Box Oto Website Generator.

Untuk kali ini masih sama dengan memasang twitter di blog/situs dan kali ini temanya adalah Twitter Followers Box Auto Hide.
Widget ini ada perbedaan dari Twitter Followers Box Oto Website Generator perbedaanya adalah widget ini akan melayang di bagian kanan blog/situs Anda dan widget ini juga memiliki fitur Auto Hide sama dengan Cara Membuat Facebook Like Auto Hide Di Blog.

---

Cara Memasang Twitter Followers Box Auto Hide di Blogger

---

Untuk cara memasangnya pada situs/blog Anda juga cukup mudah, silahkan ikuti langkah berikut ini.

1. Login ke akun blogger Anda.

2. Sekarang kita akan menginstal kode jQuery 1.6.1 - Lewati tahap ini bila di template Anda sudah terinstal jQuery 1.6.1 dan silaahkan lansung menuju tahap no 6.

3. Pada Dasbor klick Template ➨ Edit HTML.

4. Lalu cari kode </head> dan letakkan kode jQuery berikut tepat di atasya ( Bila kesulitan mencari kode HTML silahkan klick DISINI )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"type="text/javascript"></script>

5. Simpan Template.

6. Sekarang menambah gadget, caranya : Pergi ke Dasbor klick Tata Letak ➨ Tambah Gadget ➨ Pilih elemen HTML/Java Script.

7. Lalu letakkan kode berikut ini dan paste atau letakkan di dalam elemen HTML/Java Script.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".owlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">.owlikebox{background: url("http://3.bp.blogspot.com/-erfRWcXzmgU/TwFo5Voq2oI/AAAAAAAACLA/9sdI9M7iwhg/s1600/%255Bwww.gj37765.blogspot.com%255Dtwitter.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 275px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}.owlikebox div{border:none;position:relative;display:block;}.owlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.owlikebox span a{color: #808080;text-decoration:none;}.owlikebox span a:hover{text-decoration:underline;}</style><div class="owlikebox" style=""><div><div id="twitterfanbox"><script type="text/javascript">fanbox_init("otowebsite");</script>
</div id="twitterfanbox"><span>By <a href="http://www.otowebsite.blogspot.com/">Oto Website</a> / <a href="http://otowebsite.blogspot.com/2012/04/static-twitter-pop-out-fan-follow-me.html">+Get This!</a></span></div></div>

Keterangan : Ganti otowebsite dengan username twitter Anda.

8. Simpan.

Sekarang Anda bisa lihat hasilnya pada blog/situs Anda.

Sekian untuk kali ini, mudah-mudahan anda suka dengan tutorial di atas !!!