Tutorial Rapatkan Header Dengan Body Blog
Thursday, December 29, 2011
Assalamualaikum semua!
Bersemangat penuh ceria sebab Ckin nak berkongsi sesuatu. Act, Ckin dah berjaya untuk merapatkan header Ckin dengan blog. Mula-mula agak berputus asa sebabnya bila menggunakan tutorial yang diajar oleh blogger lain, Ckin buat tak jadi. Masih seperti biasa. Sekarang dah boleh dengan header baru yang diletakkan doodle tu. Biasalah. Ckin dah mula minat mendoodle sekarang ni. Setakat tu je kot yang boleh dibuat. Nanti-nanti kalau ada peluang, Ckin akan buat lagi. InsyaAllah. Ckin nak buat sedikit tutorial kepada mereka-mereka yang macam Ckin ni. Sebabnya template semua blogger adalah tidak sama. Bagi yang rasa sama dengan Ckin, boleh guna kaedah ni naa. Senang sangat. Kena tumpukan perhatian je naa. ^_^
1. Buka Dashboard > Design > Edit Html
(untuk makluman, Ckin lebih selesa edit guna old blogger interface sebab senang sikit)
2. Then, Download Full Template. Supaya apa-apa hal boleh back-up balik.
3. Tekan F3 atau Ctrl+F, dan masukkan $headerBgColor
4. Tengok yang kat bulatan merah tu.
5. Pastu, tengok border: 1px solid $headerBorderColor; macam kat bawah ni.
6. Tukarkan dari border: 1px kepada border: 00px.
7. Seterusnya, tengok pada pada bahagian padding seperti di bawah ini.
8. Tukarkan padding: 1px kepada padding: 0px. Rujuk gambar di bawah. Ada template yang nombornya adalah berlainan. Jadi, try and error naa. ^_^
Then, preview.
Kalau jadi, save template. Kalau tak jadi, bermakna tu template lain dari Ckin. Dan kalu tak jadi jugak, boleh search kat google naa. Banyak tutorial yang ditawarkan untuk kalian. ^_^
Selamat berjaya dan selamat bercuti naa. ^_^ Wassalam.
9 Comments:
rajin buat tuto.
cantik header tuh ^_^
oo..mcm tu..nice tuto dear. =)
tak jumpa pun yang ni..
$headerBgColor
huhu...
terima kaseh
salam...
sorry lmbt reply. psal perkataan newer posts awk yg x kluar tu...saiz gmbr yg awk gunakn trlalu besar. try kecilkn saiz gmbr tu camni...
height='80' dan width='40'
sori dik..xnampak la kat sini ape yang nak diubah n ape yg dah diubah..pending sket akak ni..huhu
Cik Shiqah,
Tiba2 rasa nak buat..hehe tq bangat! ^_^
Kak Maera,
Kak maera lagi hebat.. ^_^
Ibnu Darwin,
mungkin template kita tak sama..try tengok kat sini pulak..mungkin sama ^_^
http://nabiyha-lovalife.blogspot.com/2011/03/tutorial-rapatkan-header-pada-body-blog.html
http://wanhazel.blogspot.com/2011/03/tutorial-rapatkan-header-pada.html
http://nurhafizahpija.blogspot.com/2011/06/tutorial-rapatkan-header-dengan-content.html
khairul,
kalu rajin try naa.. ^_^
~ALIEN~,
Oh..cmtu rupanya..nanti nak tukar gambar lain lah..btw, tq naa... ^_^
Kak Asmidar,
Akak tak nampak? satgi ckin try edit lain..bagi clear sikit.. ^_^
nak try tutorial ni lak
Terima kasih , akhir nya jadi juga :)
Post a Comment