Cara Perbetulkan Lebar Widget di Sidebar Part 1

As-Salam. Adalah penting sesebuah blog itu nampak seragam dan tidak nampak semak. Pemilihan widget atau gadget bersesuaian dengan blog perlu bagi membolehkan apa yang kita letak di dalam blog itu berikan sesuatu kepada blog - samada peningkatan jumlah pengikut, pertambahan pembaca setia, meningkatkan trafik blog mahupun menjana pendapatan menerusi blog.

Setiap kali HH blogwalking, banyak masalah serupa nampak dan kelihatan, terutama pada blog-blog yang baru muncul.  Paling nampak jelas sekali adalah ramai blogger terutama blogger baru tidak tahu untuk sesuaikan kelebaran sesuatu widget atau gadget yang diletakkan di sidebar.

Ada yang nampak terlebih, ada yang nampak terkurang. Ada yang nampak besar, ada yang nampak kecik. Tak kurang juga ada widget yang tidak berfungsi.

Ok. Dengan ilmu yang ada pada HH, nak kongsikan sedikit tips dan panduan bagaimana nak perbetulkan kelebaran (width) widget yang diletakkan. Ada dua cara sebenarnya yang boleh dilakukan.

Cara Perbetulkan Lebar Widget di Sidebar

Pertama - Mengubah kelebaran sidebar menerusi kod html blog untuk disesuaikan dengan kebanyakkan widget. Untuk itu, pertama sekali anda perlu buka template blog anda. Klik html dan anda akan nampak koding html blog anda secara keseluruhan (pastikan anda dah klik expand widget template).

Anda perlu cari kod html yang membentuk kelebaran sidebar blog anda, untuk itu cari kod berikut - sidebar-wrapper. Kebanyakkan blog dengan tema biasa akan gunakan nama yang sama iaitu sidebar-wrapper untuk menunjukkan cirian yang perlu bagi sidebar blog.

Menerusi kod html tersebut, anda akan nampak koding CSS untuk bahagian yang HH katakan tadi. Ada parameter width, maka ubah parameter itu untuk kesesuaian. Seperti contoh di atas, HH tetapkan kelebaran sidebar sebanyak 350px. Ia untuk disesuaikan dengan kelebaran maksimum iklan yang selalunya 330px. Anda boleh tengok bentuk, saiz dan jenis-jenis iklan yang pernah HH tampilkan di Panduan Blogger.

#sidebar-wrapper { Ciri-Ciri Sidebar yang anda mahukan termasuklah warna latar; bentuk tulisan; jenis font; penjarakkan dari tepi-atas-bawah; kelebaran dan ketinggian sidebar dan macam-macam lagi }

Cubalah ubah dan bereksperimen sendiri, ia akan ubah secara automatik bentuk sidebar blog anda. Anda boleh preview dahulu setiap perubahan yang anda lakukan, jika tidak sesuai, ubah kembali dengan nilai yang sesuai.

Cara paling mudah ialah buat kelebaran dalam bentuk automatik (width="auto") setting tetapi HH tidak galakkan kerana saiz setiap widget yang anda pasang di sidebar adalah tidak serupa atu tidak seragam, menggunakan cara ini akan menyebabkan kelebaran sidebar mengambil nilai kelebaran paling besar sebagai titik rujukan.

Satu lagi penentuan kelebaran sidebar ialah dengan menggunakan peratus kelebaran. Ia selalu digunakan untuk menghasilkan sebuah blog responsif. Ini bermakna, bentuk blog anda akan nampak sekata di peranti mudah alih seperti iPad, Tablet, serta telefon pintar seperti iPhone dan Android.

Contoh menggunakan peratus kelebaran adalah seperti berikut:

#sidebar{ width=35%;}

Ini membolehkan kelebaran bahagian sidebar blog anda menjadi 35 peratus daripada jumlah keseluruhan kelebaran utama blog anda yang sering dikodkan sebagai outer-wrapper. Ok, harapnya panduan dan tips ini dapat membantu mana-mana blogger yang hadapi masalah saiz atau kelebaran di bahagian sidebar blog.

Nantikan bahagian 2, dimana HH akan berikan panduan untuk ubah setting kelebaran dengan pendekatan terus pada kod html widget pula. Namun, secara asasnya lebih kurang sama sahaja.

Oh ya, untuk guna cara ini, anda seharusnya tahu saiz paling maksimum widget yang ada di bahagian sidebar blog anda. Selalunya, ia ditetapkan dalam julat 300-330px.

Selamat mencuba.