Sunday, February 17, 2013

Tutorial Blog | Cara mudah edit template blog ( Picture Window )

Salam to all readers..


Ada diantara readers dil, mintak dil ajarkan cara nak edit or design template yang simple but nice. Err nice ke???huhuuu =.=" So, dil nak tunjukkan kat korang cara nak edit template blog, berdasarkan template yang dil guna untuk blog dil.


Kalau korang tengok, dil menggunakan template daripada blogspot jer, iaitu Picture Window.





Untuk menghasilkan template blog macam dil guna sekarang ni, korang bolehlah ikut step-step yang dil dah sediakan untuk korang refer. Oh ya, sebagai tips untuk korang, dil nak bagitau, untuk senang edit, korang letak jer coding tambahan, contohnya coding sidebar, blockquote dalam Dashboard > Design > Template Designer > Advanced >Add CSS..Lagi mudah untuk korang tengok perubahan selepas letak coding tambahan..


Sila Tekan read more untuk melihat tutorial yang disediakan






Tukar Background Blog

Okay first sekali, selepas korang pilih template, korang boleh tukar background blog korang.
Dashboard > Design > Template Designer > Background
*korang cari gambar dekat google pastu save dekat pc/laptop.Nanti korang boleh guna gambar tu untuk background blog.


 Pilih setting yang sesuai untuk blog

Selepas tu, korang ubahlah setting dekat Dashboard > Design > Template Designer > Advanced.
Kat situ, korang edit ikut suka hati korang yer..


 Sidebar

Untuk sidebar, korang boleh refer tutorial yang dil pernah buat sebelum ni.




Border untuk main blog

Yang ini adalah border pink yang dil gunakan untuk blog dil.. Korang boleh tukarkan warna dan ketebalan border mengikut selera korang..

.main-outer {border: 5px solid #FBBBB9;} 


Menu tab, Button up to top & Hover 

Yang dil, dil akan buat tutorial asing yer.. Untuk memudahkan korang faham nanti..



Okaylah, dil rasa dah cukulap dulu kot..Banyak-banyak, pening pulak korang nanti..hehhehe..Oh ya, nanti korang pandai-pandai lah refer tutorial dil yang lain untuk buat shoutbox, font 3D untuk header dan yang lain-lain lagi. Kalau ada masalah, tanya jer dil..InsyaAllah dil akan tolong.. ^^
 

No comments:

Post a Comment