Tentunya Anda sudah tau apa itu twitter dan apa mungkin anda jugalah pengguna twitter untuk saat ini. Twitter adalah salah satu Social Networking yang terkenal selain Facebook yang banyak digunakan orang di seluruh penjuru dunia.
Namun pada kesempatan ini Saya akan berbagi tutorial bagaimana caranya membuat widget Twitter yang sederhana ke dalam blog kita, jadi widget ini lebih simple dari pada widget yang diberikan oleh pihak twitter.
Namun pada kesempatan ini Saya akan berbagi tutorial bagaimana caranya membuat widget Twitter yang sederhana ke dalam blog kita, jadi widget ini lebih simple dari pada widget yang diberikan oleh pihak twitter.
Langsung saja simak tutorial berikut :
Pertama yang Anda lakukan adalah Log In ke blogger Anda, setelah masuk Dashboard Lalu klik Link Layout / Tata Letak
Setelah masuk pada menu Layout lalu pilih tempat yang mau Anda pasangi Widget ini kemudian klik "Add a Gadget" kemudian pilih "HTML/JavaScript"
Kemudian Paste code dibawah ini
Setelah masuk pada menu Layout lalu pilih tempat yang mau Anda pasangi Widget ini kemudian klik "Add a Gadget" kemudian pilih "HTML/JavaScript"
Kemudian Paste code dibawah ini
<div id="twitter_div" style="background: url(http://i725.photobucket.com/albums/ww258/anasceria/new-tuts/single-bird-icon-1.png) top left no-repeat; color:#000000; font-size:14px; padding-left: 50px;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/lutvi_sofx">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/lutvi_sofx.json?callback=twitterCallback2&count=3" type="text/javascript"></script>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/lutvi_sofx">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/lutvi_sofx.json?callback=twitterCallback2&count=3" type="text/javascript"></script>
Perhatikan !! :
- Ganti code yang berwarna merah diatas dengan ID Twitter Anda
- Ganti Angka 3 yang berwarna biru diatas dengan jumlah angka tweet Anda yang ingin Anda Tampilkan
- Code yang berwarna hijau adalah style dari widget tersebut, diantaranya ada URL gambar dari widget tersebut.
- Text "follow me on twitter" adalah text link perintah untuk Follow Twitter Anda yang bisa Anda ganti sesuai Selera Anda
Semoga Bermanfaat !!
Tidak ada komentar:
Posting Komentar