Sunday, November 20, 2011

Cara Nak Buat Widget Tweet Twitter Terbaru Di Blog


Tutorial ini akan menunjukkan kepada anda bagaimana cara nak letak widget status terbaru twitter anda di blog. Ia secara tidak langsung mampu memperkenalkan twitter anda kepada pelawat blog anda. Jom ikuti tutorial ini.

Step 1:
Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 2 :
Copy kod dibawah dan paste di dalam kotak HTML tersebut.

<style type="text/css">ul#twitter_update_list{list-style:none;margin:20px 0;background:none;}ul#twitter_update_list li{list-style:none;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn39lW2gbKJXpMLJkgxYquXezJvaoUeF56PfKq2Kj9Rbe82KvozIpB29lof3CscLoU5Omd1fIB6dzwXYiHGmGtSWtNuAqYak80vcjskVqzfTUwK1goeJ0ATqrLYTzPuOaOtyQlTOAo3Wer/s26/w2b_twit_bullet.png) no-repeat scroll left 6px transparent;padding:2px 0 2px 30px;margin:0 0 5px;display:block;}ul#twitter_update_list li a{display:inline;background:none;}.tfoot{position:relative;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8MdbIEvkNFabAZPIRo6ItYTL5EuRZ02HhD4Tjv_2TaE2LOn3LETZEa95LOE1HfBcXetHbXlftPVLOA4vMjGxx3n9ZY3bsilu-CaN3UxArqhm119bMF13UTe_KDU5il-KcvfHJEHprZcA_/s1600/mttwitterbird.png) no-repeat scroll left 6px transparent;padding:15px 0 15px 50px;display:block;}</style><ul id="twitter_update_list"></ul><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/NAMA TWEET ANDA.json?callback=twitterCallback2&count=5"></script><div class="tfoot" style="clear:both;">Follow me <a href="http://twitter.com/NAMA TWEET ANDA" target="_blank">@NAMA TWEET ANDA</a>Powered By <a href=' http://kaki-blog-htj.blogspot.com/' target='_blank' title='tutorial here'>KakiBlog</a></small></div>
<script style='text/javascript' src='http://blogergadgets.googlecode.com/svn/trunk/recentposts.js'></div>

*Masukkan NAMA TWEET ANDA.

Step 3:
Save !

Selamat berblogging !

Entri Rakan Blogger