Tutorial Border Sidebar

by - June 24, 2011

Hari ini saya ingin kongsikan kepada rakan-rakan blogger macam mana nak buat border dekat sidebar ye. Sidebar tu ape eh ? Okay, kawan-kawan boleh review gambar di bawah.



Okay jum kita mula tutorial hari ini. Mula-mula, anda kena buat seperti tertera :

-) Dashboard>>Design>>Edit HTML
-) Cari kod h2 {. Tekan CTRL + F serentak untuk memudahkan pencarian.
-) Copy code di bawah da pastekannya di BAWAH kod h2 {

border:3px solid COLOR CODE HTML;
background-image: url(URL GAMBAR SBGAI BACKGROUND);


Okay, sekarang masa untuk edit ! Anda boleh tukar ketebalan border dengan menukar nombor sebelum px. Semakin banyak nombor, semakin tebal.

Gantikan ayat tersebut pada HTML Code di atas

- COLOR CODE HTML - Gantikan dengan apa2 color code html, anda boleh dapat kodnya di sini.
- URL GAMBAR SBGAI BACKGROUND - Cari apa2 gambar untuk dijadikan background di ruangan border. Anda boleh dapat gambar di Photobucket , Google , Ataupun gambar sendiri.

Okay, sekian sahaja tutorial saya kali ini. Selamat berjaya !

P/S: Jika ada masalah sila inform di ruangan komen yee ! InsyAllah saya akan reply secepat mungkin !

You May Also Like

10 comments