60 Buat Border Pada Tajuk Sidebar Blogger

Langkah Membuat Border Pada Tajuk Sidebar ini adalah sama seperti langkah-langkah Membuat Border Pada Setiap Tajuk Post Entri yang CK post sebelum ini. Caranya juga agak mudah, cuma perlu berhati-hati ketika memasukkan kod ke dalam Template HTML. Sebagai langkah berjaga-jaga, anda dinasihati supaya membuat backup template blog anda terlebih dahulu. Pada entri yang lepas juga, CK ada menerangkan cara bagaimana Membuat Border Pada Sidebar yang mungkin berguna pada blog anda.

Langkah-langkah penghasilannya:

1. Pilih "More options"

2. "Template"



3. Kemudian klik butang "Edit HTML"



4. "Copy" kod di bawah:

h2 {

Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "Ctrl+F" (untuk terbitkan kotak Search)


5. Dalam kotak Search, "paste" kod di atas (No. 4) dan enter

6. Kemudian "copy" kod ini pula dan "paste" selepas/di bawah kod No. 4 tadi:

border:2px dashed #000000;
padding:5px;
border-radius:8px 8px 8px 8px;
background:#999999;

Nota:

• Kod warna merah:
  Untuk menambahkan/mengurangkan ketebalan border
• Kod warna biru:
  Untuk menukar jenis garisan border
*klik untuk mendapatkan jenis-jenis garisan border
• Kod warna hijau:
  Untuk menukar warna garisan border
*klik untuk mendapatkan kod-kod warna lain
• Kod warna pink:
  Untuk menambahkan/mengurangkan panjang lengkung pada semua penjuru border
  *Panjang lengkung boleh diubah daripada no. 1 hingga 10 mengikut kesesuaian saiz tajuk;
  **Jika hanya mahukan dua penjuru saja yang melengkung, laras seperti ini: 8px 0px 8px 0px -atau- 0px 8px 0px 8px;
  ***Jika tidak perlukan lengkung dikesemua empat penjuru, laras seperti ini: 0px 0px 0px 0px.
• Kod warna merun:
  Untuk menukar warna background dalam border
*klik untuk mendapatkan kod-kod warna lain
• Jika tidak mahukan warna background dalam border, buangkan saja kod warna ungu dan merun

7. Akhir sekali, klik butang "Save template" dan siap!

Sila Share Post CK Ini Sekiranya Anda Suka

• @Facebook
• @Twitter
• @Google+

​Dapatkan Widget Ini!