Sunday, June 1, 2014

Tutorial Blog: Cara Nak Create Side Header.

hello June, hello everyone! :)

hari ni saya nak ajar macam mana nak create side header yang simple lagi nice macam saya punya blog ni ha. eceh ceh ceh. bagi yang tahu, tahniah. bagi yang tak tau tapi berkeinginan side header macam saya, dipersilakan baca sampai habis.

just follow this steps yeah.


1. kat blog pegi ke template.
2. edit HTML.


3. klik dekat pin warna hitam tu. (bukan semua blog kedudukannya sama means nombor tu la)
4. dah expand benda tu, cari headings.


 5. untuk dapatkan header yang colorful, korang perlu ubah coding setiap widget yang korang letak kat blog korang. contohnya:

#Followers1 h2 {  
background: #b19cfa;
padding: 10px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-goog-ms-border-radius: 10px;
border-radius: 10px;
}
korang wajib tukar bahagian #followers1 tu. setiap widget ada nama2 lain dia. so, korang boleh try and error kat sini. hak hak. kalau #Image1 tu bahagian ada gambar aku tu. so gambar kat atas boleh dijadikan rujukan untuk dapatkan nama header tu.

korang juga wajib tukar background kalau nak colourful la. coding warna boleh dapat kat template, customize, advanced, then try and error the colour which one you like. copy, paste kat background tu.

border-radius juga boleh ditukar sekiranya korang tak suka roundest shape. nak yang sharp square boleh letak 0px. terpulang.

6. preview template.
7. save template.
8. done.

good luck everyone! ;)

No comments:

Related Posts Plugin for WordPress, Blogger...
My Ping in TotalPing.com