Panduan Membuat Bentuk Sidebar Title Part 1

As-salam. Lama sudah saya tak berkongsi tutorial berkaitan widget dengan permainan coding yang memeningkan dalam blog ini kan. Haa.. untuk itu saya mahu kongsikan panduan membuat bentuk sidebar title... Sebenarnya entri ini saya jadikan sebagai rujukan untuk kegunaan saya di kemudian hari.... sekiranya anda berminat, silakan saja menggunakannya....

Sudah menjadi hobi setiap blogger, pasti membuat sedikit kemaskini atau penambahbaikan untuk blog tersayang....begitu juga saya. Ada saja benda baru atau bentuk-bentuk terkini yang mahu dicuba agar blog tampil kemas dan menarik untuk dilihat...

Oh ya... baru ingat, dulu saya pernah tulis entri berkenaan tutorial border sidebar dan title bercantum.... khas untuk pengguna template yang disediakan oleh blogspot. Untuk template download tak boleh digunapakai ye... jangan cuba-cuba guna pulak...

Panduan Membuat Bentuk Sidebar Title Part 1

Okep. Cuba lihat pada gambar printscreen yang saya sediakan ini.... kedua-kedua bucu sidebar title kelihatan agak melengkung sedikit berbanding border yang biasa anda tengok di blog-blog lain. Kemudian dibawahnya ada gap (jarak pemisah) antara sidebar title dan senarai kandungan sidebar..

Pertama - Perlu buka template blog anda. Klik pada edit html dan anda akan nampak keseluruhan coding html blog anda, untuk keselamatan pastikan anda backup dahulu template.

Dengan menggunakan [ ctrl F ], anda cari code ini -  /* Widget */

Dah jumpa? Okep.. sekarang anda copy coding ini dan paste kan di bahagian bawah  /* Widget */. Lebih kurang macam gambar kat tu...

.sidebar h2, .sidebar h3, .ads-banner h2{padding:2px 0;margin:0 0 5px; color:#000;text-transform:uppercase}<br /> .sidebar h2, .sidebar h3 {background-color:#128809;font-size : 16px; color:#fff;text-align:center;border-radius:4px 4px 0 0;margin:0px;padding:10px 0px;border-bottom:2px solid #ccc}

Cuba ubah dan bereksperimen sendiri, untuk bahagian kode warna... mudah saja. Anda boleh preview dulu setiap perubahan yang anda lakukan... ubah dan nilai kembali. Bila dah puas hati baru save template..

Selamat mencuba.