30 November 2010
Cuztomize Twitter Update Mengikut Citarasa Anda
hak milik
Sue
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&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
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&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
