30/01/2012
Twitter stats tepi blog
okey . sekarang aku nak buat tutor pasal tutor stats . ade orang request macam mane nak buat twitter float tepi blog . okey .. first . aku credit kan ke akak Nazihah . okeyy . first aku buat tutor pasal page elements dulu .. ape tu ? ni gambar nye .
Dashboard - > Deign - > Edit HTML - > search code:
]]></b:skin>
lepas dah jumpa . copy and paste code ni kat atas code tadi :
#gadget_header{margin:10px 0;padding:1%;
width:100%;}
lepas dah selesai ctrl + f code ni pulak :
<div id='header-wrapper'>
copy and paste code ni kat atas code tadi:
<div id="gadget_header"><b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
Save template terus . lepas tu nak letak twitter stats kan ? okey . pergi design -> add gadget and pilih html ..
paste code ni kat situ .:
<a style="display:scroll;position:absolute;top:75px;left:15px;" href="URL TWITTER" title="Twitter"><img src="URL GMBR FOR TWEET STATS" /></a>
kalau nak gambar tu .. boleh amik kat blog kak nazihah .dah ? save . ade lagi steps . tunggu .
tekan add a gaget yang lain pulak dan macam biasa pilih html ..
masukkan code ni kat situ . :
<div style='padding-left: 0px; position: absolute; z-index: 300; margin-left:25px; width:190px; margin-top: 75px; height: 150px; background:#;'><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/ID TWITTER KORANG.json?callback=twitterCallback2&count=1"></script></div>
okey . macam mane nak amik ID twitter ? okey tengok gambar yang aku petakkan ni .
UPDATE : rearrange kan gadget tadi ke above header :O
Positive comment please: 0 comments