.
Salam Korang...
Hari nie Wan nak wat Tutorial Status Twitter dalam Header Blog_Layout/Design Template plak..Yang hari tu Wan wat untuk Classic Template..So skang Layout/Design Template lak.
Owh ye...kredit gak wat
Anne..Yang nie Wan godek godek sikit and ada sedikit kod yang berbeza dari Tutorial Anne..Hope leh senangkan kerja korang.
Sebelum pape jadi kat Blog korang..Korang backup dulu Template korang k..Law dah sedia..
Jum Tutorial.
Mula mula korang Wat lah dulu Header korang k..Edit Header korang..Wan anggap korang dah taw lah guna Adobe or pape medium edit yang lain ..Macam yang Wan wat tu..Ada belon putih tempat tu..Yang tu untuk Status Twitter Wan nanti..Law dah selesai..Korang Save
Lepas Selesai tu korang Copy kod bawah nie..Korang paste kat Notepad dulu k..So senang korang nak edit..Nak paste kat word pun tak pe..asal korang senang nak edit je.
--------------------------
<a class="followMe" href="http://twitter.com/
ID TWITTER"></a><div class="block-twitter"><div style="background: url('
KOD LINK HEADER KORANG') no-repeat; padding-left: px; margin-bottom: 0px;
width:1000px; height:520px; "><br /><br /><br /><div id="twitter_div" style="
width:300px; height:120px; font-size:14px; color:black; padding-left: 45px; "><ul id="twitter_update_list"></ul></div></div></div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/
ID TWITTER.json?callback=twitterCallback2&count=1" type="text/javascript"></script>
------------------------------------
ID TWITTER yang nie korang ambik nama profile Twitter korang..tengok macam kat gambar bawah nie.
KOD LINK HEADER KORANG yang nie korang ambek kod untuk header korang..Law korang tak taw cara..korang tengok kat sini..klik tutorial nie.
Tutorial dapatkan kod image.Korang ambek link je k..takyah tambah pape..contoh link tu macam nie..
http://1.bp.blogspot.com/-9lJgCKKaDmY/TWMGSJS4CHJI/AAAAAAAAFPU/0CEQj_zzMlI/s1600/header%2Bhazel%2Bior.jpg
width:1000px; height:520px; yang nie lak..Size header korang..lebar dan tinggi..Ekot size Header korang tu k..Kasi size yang betul lah.
width:300px; height:120px; yang nie lak..untuk kotak Twitter korang..size untuk status Twitter korang..Korang try and error lah nanti k..law tak nak ubah pun tak pe..
Dah selesai edit semua tu..Kita mulakan operasi sebenar lak..Jum jum.Sekali lagi Wan nak ingatkan..Backup dulu template korang k.
Sign in Blog korang..
Dashboard>Design>add gadget>HTMLkorang masukkan kod tu dalam HTML Gadget k..Dan pastikan kotak Add Gadget korang tu berada di bahagian header..maksudnya dibawah kotak header..nanti kita akan remove header korang yang lama tu.Contoh macam kat bawah nie..Korang pindahkan kotak gadget tu ke bawah header k.
Dah selesai simpan masuk kod tu..Korang save.
Langkah seterusnya lak..Korang masuk ke
Dashboard>Design>add gadget>Template Designerkorang pastekan kod di bawah nie ke dalam Advance>Add Css
------------------
#twitter_div{display:block; position:relative;
top:300px; left:260px; z-index:1;}
-------------
Contoh macam kat bawah nie..
top:300px; left:260px yang nie adalah kedudukan Status Twitter korang..korang ubah nilai dalam tu k..sampailah korang dapat letak status tu dalam kotak belon yang korang wat..try and error k.
tu je..
Senang tak?So selamat mencuba,,
papai.
.