Jumaat

Membuat Border Sidebar Blogspot


Salam pada semua,kali ini saya ingin berkongsi sedikit totorial macam mana nak membuat Border Sidebar pada theme Blogspot  khasnya.Kenapa saya nak berkongsi totorial ni sebab asas theme blogspot tak ada yang mempunyai Bonder Sidebar seperti kebanyakkan theme wordpress.Kepada blogger-blogger baru macam saya ni yang menggunakan theme blogspot yang asli tetapi ingin kewujudan Bonder Sidebar ni dalam blog,toturial ni memang berguna.


Mungkin anda tertanya tanya?kenapa tak download je theme yang free lagi comel-comel contohnya di web Twenty Eleven.Ya memang banyak theme-theme yang free kat kebanyakkan web,tapi tak semuanya menjadi pilihan yang sesuai lagipun agak susah nak di edit bagi yang tak tahu kod-kod css ni semua,jadi pekara yang paling senang adalah menggunakan Theme Blogspot yang disediakan.Kita nak edit pun senang cuma pergi Dashbord, pilih Themplate dan pilih Customize dan pilih Advance,kat situ anda boleh edit Theme Blog yang dipilih.Kalau Theme yang kita download,Pekara yang ada kat Advance tu tak wujud,jadi nak edit agak susah.

Opp..nampaknya saya dah melalut panjang lebar pulak, hampir terlupa tujuan sebenar entry ni,ok..nak memasukkan kod Bonder Sidebar tu,terlebih dahulu pergi kat Dashboard atau Desigh dan pilih Themplate dan klik kat Edit HTML klik Proses dan klik kat Expand Widget Templates.Lepas tu tekan CTRL + F pada keybord anda dan cari Kod Ni "h2 {",nak senang kopy kod tadi dan paste je kat kotak carian sebelah atas dan penjuru kanan dan tekan enter.

1 : Cari kod ini :

 h2 {

2 : Kopy kod dibawah ini dan paste dibawah kod atas tadi


margin: 1.6em 0 .5em;

 padding: 4px 5px;
background: #E6E6E6;
font-size: 100%;
color: #000000;
}

3 : Preview

Kalau ok Save Themplete
Ok Dah Siap
-Enjoy-

Nota: Yang Berwarna Tu Anda Boleh Tukar Ikut Cita Rasa Sendiri
Warna Background Bonder Sidebar : #F8B4BF;
Font Size : 100%; font size tu aku rasa 100% 
Font Color Kat Sidebar Title : #000000
Margin and Padding tu rasanya tak perlu ubah.

Tiada ulasan: