web analytics

Membuat Twitter Follow Button with Status Update di Blog

56 sec read

Pada posting terdahulu saya sudah menampilkan cara menampilkan status twitter di blog atau website. Nah, kali ini saya akan memberikan tutorial singkat cara menampilkan twitter button (follow us atau follow me) dengan status twitter di atasnya. Sebenarnya code yang saya gunakan adalah kode yang digunakan untuk menampilkan status yang berasal dari widget twitter.com, namun sudah saya tambahi kode agar tulisan “follow me on twitter” diganti dengan twitter button atau image.
Berikut adalah kode yang harus anda copy ke widget blog :

<div id=”twitter_div”>
<h2 class=”sidebar-title”>My Twitter</h2>
<ul id=”twitter_update_list”></ul>
<a href=”http://www.twitter.com/wahidhasan” title=”follow wahidhasan” id=”twitter-link” style=”display:block;text-align:right;”><img src=”http://www.twitterbuttonfactory.com/buttons/new/009.png” alt=”wahidhasan on twitter” border=”0″/></a>

</div>
<script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”></script>
<script type=”text/javascript” src=”http://twitter.com/statuses/user_timeline/wahidhasan.json?callback=twitterCallback2&amp;count=2″></script>

Selanjutnya ganti parameter agar sesuai dengan akun twitter anda :
user : ganti tulisan wahidhasan dengan akun twitter anda
count : untuk menampilkan berapa jumlah status twitter yang akan ditampilkan.
img src=”http://www.twitterbuttonfactory.com/buttons/new/009.png” adalah alamat URL image twitter button yang saya gunakan. Jika anda bermaksud untuk mengganti image yang anda inginkan, silakan ganti dengan URL image yang sudah anda upload. Atau anda bisa juga mencari via google.com
Yup, gampang kan.. selamat mencoba..

Cara Mudah Embed PDF di WordPress

Ada kalanya kita ingin menampilkan preview file pdf di blog kita, namun sayang kita tidak sedang menggunakan posterous, tapi WordPress. Jika anda pengguna posterous, Anda...
wahidhasan
40 sec read

Menyembunyikan NavBar di Blogspot

Meskipun blog ini sudah pindahan ke WordPress, boleh dong saya berbagi tips tentang Blogspot. Nah, kali ini saya akan berbagi cara  menghilangkan navbar di...
wahidhasan
29 sec read

2 Replies to “Membuat Twitter Follow Button with Status Update di Blog”

Comments are closed.