Menambahkan Dua Kolom dikanan postingan

Membuat menu dikanan template blogger. Dulu pernah saya menuliskan artikel mengenai menambahkan dua kolom di bawah header. Artikel kali ini juga tidak jauh beda dari sana. Apakah sobat pernah berpikir membuat menu menjadi disebelah kanan template (terdapat dua menu). Istilahnya menambahkan gadget disebelah kanan postingan menjadi dua buah gadget. Berikut saya akan membuat gadget berada disebelah kanan postingan (2 gadget), tampilan yang saya gunakan adalah template Minima (tempate yang paling sederhana). Dari template minima terdapat satu buah gadget berikutnya diubah menjadi 2 buah gadget.

1. Login dahulu kedalam account blogger anda.
2. Kemudian masuk kedalam Layout --> HTML

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>


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

3. Kemudian tambahkan kode berikut ini diantara kedua kode tersebu diatas


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

4. Maka akan menjadi seperti berikut

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

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

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

5. Langkah terakhir Simpan template anda dan lihat di tampilan Elemen Page.

Maka dari perubahan diatas didapatkan tampilan seperti berikut ini.


No comments:

Post a Comment

Pages