Label Cloud

Search This Blog

30 November 2010

online counter Cuztomize Twitter Update Mengikut Citarasa Anda

Assalamualaikum , Pada hari ini Msue ingin berkongsi ngan korang sume bagaimana nak Customize Twitter update korang .





1. Login ke Blogspot .

2. Klik Design - Add A Gadget - Javascript/HTML

3. Copy kod di bawah dan pastekan ke dalamnya .


<div <--Add Style Here --> id="twitter_div">
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/msueroomz" id="twitter-link" style="display:block;text-align:center;"></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/msueroomz.json?callback=twitterCallback2&amp;count=5"></script>


Note: Pada highlight ungu korang tukarkan ngan username twitter korang , highlight hijau itu adalah berapa jumlah status yang korang ingin pamerkan .


4.Pastekan kod stail yang ada di bawah mengikut citarasa korang pada highlight biru diatas.


Note: Pada highlight merah korang tukar tukarkan mengikut kesesuaian .



Kod stail untuk background warna


style="background: #ffcc00;"



Kod stail untuk background image


style="background: url(http://i921.photobucket.com/albums/ad54/nurulsue/love/emo-1-1.png)center left no-repeat; padding-left: 50px;"


center left adalah posisi tengah sebelah kiri atau korang boleh tukar ngan posisi lain . center center , top center , top left , top right , bottom left , bottom right , bottom center




Kod stail untuk border


style="border: 3px solid #cccccc; padding: 5px;"



Note: Korang leh gak gabungkan kod antara kod background image + background warna + border . Bergantung pada citarasa korang .


Via - Amanda





Tinggalkan Komen Anda Disini