Cara Menambah Widebar

Salam sejahtera. Jika sebelom ini saya berkongsi bagaimana untuk menambah sidebar baru daripada yang sedia ada. Sekarang kita sama-sama pelajari bagaiman untuk menambah widebar. Untuk pengetahuan semua, widebar tidak diberikan sekali dalam template blogger, jadi bergantung kepada pengguna untuk menambahnya atau tidak. fungsi widebar telah lama muncul dalam kebanyakan template bagi pengguna wordpress. Langkah nak tambah widebar bukannya susah sangat dan ia berasaskan cara yang sama untuk menambah sidebar. Sebelom bermula pastikan kedua-dua sidebar korang berada dalam satu bahagian sahaja iaitu sebelah kiri atau kanan. Ikuti langkah di bawah yang seterusnya:

1. Create satu class baru dalam CSS dan berikan widebar-wrapper sebagai nama. Copy and paste kod dibawah dan letakkan sebelum ]]></b:skin> (tak perlu Expand Widget Templates)

#widebar-wrapper {
width:400px;
float:right; }

width untuk widebar adalah bersamaan @ lebih sidebar-wrapper + newsidebar-wrapper. Biasanya width lebih 10 dari jumlah sidebar. Float=right jika sidebar disebelah kanan.

2. Copy kod yang berwarna dibawah dan paste di dalam template anda sebagaimana ditunjukkan di bawah.

<div id="widebar-wrapper"><b:section class="widebar" id="widebar" preferred="yes"></b:section></div>

<div id="sidebar-wrapper"><b:section class="sidebar" id="sidebar" preferred="yes"></b:section>
</div>

save.

3. Dah siap, cuba tengok kat page element korang, dan juga preview.

Update: i'm suggest to you to copy all sidebar class and rename it widebar. Example .sidebar .widget to .widebar .widget.

Tags: blogger hack,widebar,design template