Cara Membuat Widget Twitter Friends di Blogspot

Cara Membuat Widget Twitter Friends di Blogspot. Assalamualaikum wr.wb, pada kesempatan kali ini saya akan memberikan tutorial blogger blogspot mengenai cara membuat atau menambahkan twitter widget yang disertai dengan tombol follow dan teman / followers twitter. Cara kerja Widget twitter friends ini sama seperti widget Facebook Fan Page Box yaitu menampilkan jumlah folowers, foto disertai dengan nama folowers dan ditambahi dengan twitter follow button. Tampilannya juga cukup menarik dan simple.

DEMO

Tujuan lain dengan menambahkan widget twitter friends ini adalah untuk mempromosikan jejaring sosial / social network yang Anda miliki khususnya Twitter, siapa tahu dengan tidak terduga followers twitter Anda akan bertambah karena diterapkan dan dipromosikan di blogspot / website yang Anda miliki. Nah langsung saja ikuti tutorial cara menambahkan twitter friends widget di blog Anda.

Penerapan Twitter Widget di Blogspot

• Login ke www.blogger.com dengan akun sobat
• Pada Dashboard Blogspot pilih Tata Letak → Tambahkan Widget → Pilih HTML/JavaScript
• Kemudian masukan script kode widget berikut ini kedalam dialog HTML/Javascript

 <div style="margin: 0 auto; width: 266px;">
<link href="http://twitter-friends-widget.googlecode.com/svn/v2/light.css" rel="stylesheet" type="text/css"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="http://giovanialuha.googlecode.com/files/twitter.js" type="text/javascript"></script>
<br />
<div class="twitter-friends" data-options="{ username:'blogger' }">
<a class="tfw-info" href="http://giovanialuha.blogspot.com/2013/01/cara-membuat-widget-twitter-di-blogspot.html" target="_blank">Twitter Friends/Followers Widget</a>
</div>
</div>

Keterangan Tambahan

1. width: 266px; Ukuran lebar widget (Bisa Anda rubah sesuai dengan selera)
2. username:'blogger'; Ganti "blogger" dengan nama twitter Anda (Contoh: @blogger ditulis blogger)

• Selanjutnya pilih Simpan (Save)

Demikianlah tutorial blogger mengenai cara membuat twitter widget di blogspot. Semoga artikel yang berjudul Cara Membuat Widget Twitter Friends di Blogspot ini bermanfaat dan berguna.

Terima kasih.

Share on Facebook Share on Twitter Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.