Membuat Twitter Follower Box di Blogger

Membuat Twitter Follower Box di Blogger yang menyerupai Facebook Fan Box. Plugin ini bukan resmi dari twitter, dan awalnya merupakan plugin untuk wordpress. Code ini dibuat oleh Mark Carey, dan saya coba buat untuk Blogger.  Dengan memasang Twitter Follower Box, pengunjung akan lebih tertarik untuk ikut akun twitter anda. Dan ini sangat menarik untuk penampilan blog anda.

Cara Pasang Twitter Follower Box
1. Login ke Blogger
2. Klik Dasbor>Rancangan>Tambah Gadget
3. Pilih wiadget HTML/JavaScript
4. Masukan kode ini
 <!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("kangismetdotnet");</script
type="text><div
style="font-size:10px;margin-top:-8px;"><a
href="http://blog.kangismet.net/2011/11/membuat-twitter-follower-box-di-blogger.html">+ Get This Widget</a></div>
<!-- End Twitter Follower Box -->
5. Ganti kangismetdotnet dengan username anda
6. Untuk merubah ukuran, sesuaikan width dan height-nya
7. Save dan Selesai.
Hasilnya seperti ini :


Apabila ingin menempatkan kode pada  template silahkan convert dulu kodenya disini.
Ada saran atau pertanyaan? silahkan isi kolom komentarnya..
Berita Lebih Baru Berita Lebih Lama
  • Anonim
    Profil:
    02 Februari, 2012

    Keren gan.... banyak yang nyontek dari agan nih tutorial.. :) sikat aja gan para plagiator

  • Muse_Santa
    Profil: https://www.blogger.com/profile/08269123494688742751
    26 Februari, 2012

    mkasi bang tutorialnya

  • Y.K. Priandanu
    Profil: https://www.blogger.com/profile/03425168605648001917
    02 Maret, 2012

    bang Ismet, kok saya kecilin widthnya jadinya border yg bawah hilang bang ! gimana dong caranya supaya nda hilang ?

  • Ivan Jaya
    Profil: http://www.ivanjaya.net
    27 Februari, 2013

    Terimakasih kang, izin pasang di blog saya ya.

  • Blog Mantap Donk
    Profil: http://mantapdonk.blogspot.com
    18 Maret, 2013

    kalau bikin update status via apa saja di twitter gimna kak...?
    tolong donk...
    kalau dah jadi Coment di blogku ya Please..!!

  • Unknown
    Profil: https://www.blogger.com/profile/10919291133306929941
    24 April, 2013

    Kang, punten bagaimana cara membuat menu fixed ? Hatur Nuhun kang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 April, 2013

      ditunggu aja artikelnya sob..

  • Regi Ademoelya
    Profil: https://www.blogger.com/profile/17186357913239879297
    13 Mei, 2013

    Thabks sobat, banyak cara yang engga berhasil, kebanyakan tombol follownya. Semoga yang ini berhasil, saya coba dulu ya...

  • alfian
    Profil: https://www.blogger.com/profile/05685097388590230078
    14 Desember, 2013

    mantap gan , work !

  • Unknown
    Profil: https://www.blogger.com/profile/16098067592877048104
    02 Februari, 2014

    gan kok gk bisa ya..
    apa problem nya ya

  • Administrator
    Profil: https://www.blogger.com/profile/17936946127423660439
    15 Februari, 2014

    Bang kalau bentuk nya bukan kaya box tapi hanya
    Ex:ikuti @kangismetdotnet gimana?

  • Unknown
    Profil: https://www.blogger.com/profile/10529561439964225888
    19 Juni, 2014

    Nuhun, Kang. Tos dipasang :)

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
13 Komentar