menambah elemen di bawah sidebar ( membagi sidebar)

sobat ingin membagi sidebar seperti gambar di atas? ini dia langkahnya

1. Login ke blogger
   
2. Masuk ke menu Tata Letak
3. Pada tab menu, klik Edit HTML
4. Backup template anda, klik Download Template Lengkap atau kopi kode html ke notepad
   
5. Sekarang cari kode ini :
   #sidebar-wrapper {<br />width: 220px;<br />float: $startSide;<br />word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}

6. tambahkan kode ini di bawahnya (lebarnya silahkan disesuaikan):
   #left-col {<br />width:170px;<br />float:left;<br />word-wrap:break-word;<br />overflow:hidden;<br />}<br />#right-col {<br />width:170px;<br />float:right;<br />word-wrap:break-word;<br />overflow:hidden;<br />}<br />#bottom-col {<br />width:350px;<br />float:right;<br />word-wrap:break-word;<br />overflow:hidden;<br />}

7. sehingga akan terlihat seperti ini:
   #sidebar-wrapper {<br />width: 350px;<br />float: right;<br />$startSide<br />word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}<br />#left-col {<br />width:170px;<br />float:left;<br />word-wrap:break-word;<br />overflow:hidden;<br />}<br />#right-col {<br />width:170px;<br />float:right;<br />word-wrap:break-word;<br />overflow:hidden;<br />}<br />#bottom-col {<br />width:170px;<br />float:right;<br />word-wrap:break-word;<br />overflow:hidden;<br />}

8. cari kode ini:
   <div id='sidebar-wrapper'><br /><b:section class='sidebar' id='sidebar' preferred='yes'/><br />< b:widget id= dan seterusnya...<br /></div>

9. sisipkan kode ini
   <b:section class='sidebar' id='left-col' preferred='yes'/><br /><b:section class='sidebar' id='right-col' preferred='yes'/><br /><b:section class='sidebar' id='bottom-col' preferred='yes'/>

10. sehingga terlihat seperti ini
    <div id='sidebar-wrapper'><br /><b:section class='sidebar' id='sidebar' preferred='yes'/><br />< b:widget id= dan seterusnya....<br /><b:section class='sidebar' id='left-col' preferred='yes'/><br /><b:section class='sidebar' id='right-col' preferred='yes'/><br /><b:section class='sidebar' id='bottom-col' preferred='yes'/><br /></div>

11. simpan template
    

Tulisan Terkait : undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com] undefinedundefined ... [ www.fabrie.blogspot.com]

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan