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 !!!

Poskan Komentar Blogger Disqus

  1. kog punya ane ga nampak ya gan apanya ya??
    coba di cek gan sekalian join & Follow ya gan ntar ane folback
    cek di anangirawn.tk :( gan
    thanks before ........

    BalasHapus
  2. @Anang irawanSya tidk bsa mnuju blog Anda, krna Anda tidk memsng url Anda d g+.

    BalasHapus
  3. coba cek sekarang bang uda bisa belom?? \m/
    uda aq taruh url blog ku ....
    skalian join & follow ya bang Oto :)

    BalasHapus
  4. gimana bang caranya ... ???
    pengen punya follow box neh ... byar mecing gtuu \o/ hehe

    BalasHapus
  5. @Anang irawanWidget ini tidk jln krna pmsanggan bntrok dgan widget yg anda psang, krna posisinya sma2 di bgian knan.

    Anda hrus mnghpus 3 widget followers trsbut, atau anda bisa menyimpan script widget trsbut.

    Stelah itu lnjutkn degan memsng Twitter Followers Box Auto Hide dengan mgikuti tutorial di atas.

    BalasHapus
  6. Caaranya agar bisa double ama widget fb auto hide gimana ya gan ??

    salam kenal

    BalasHapus
  7. @Miftah FaridItu beda lagi...
    Akan secepatnya saya bahas, ok !!!

    BalasHapus
  8. However, some of the established companies buy twitter followers can sell you thousands of followers; real followers.

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top