Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

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

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

13 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Keren gan.... banyak yang nyontek dari agan nih tutorial.. :) sikat aja gan para plagiator
  2. mkasi bang tutorialnya
  3. bang Ismet, kok saya kecilin widthnya jadinya border yg bawah hilang bang ! gimana dong caranya supaya nda hilang ?
  4. Terimakasih kang, izin pasang di blog saya ya.
  5. kalau bikin update status via apa saja di twitter gimna kak...?
    tolong donk...
    kalau dah jadi Coment di blogku ya Please..!!
  6. Kang, punten bagaimana cara membuat menu fixed ? Hatur Nuhun kang.
    1. ditunggu aja artikelnya sob..
  7. Thabks sobat, banyak cara yang engga berhasil, kebanyakan tombol follownya. Semoga yang ini berhasil, saya coba dulu ya...
  8. mantap gan , work !
  9. gan kok gk bisa ya..
    apa problem nya ya
  10. Bang kalau bentuk nya bukan kaya box tapi hanya
    Ex:ikuti @kangismetdotnet gimana?
  11. Nuhun, Kang. Tos dipasang :)
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.