Cara Menambah Elemen add Gadget di bawah Postingan ~ ngalamsantai

Untuk merubah maupun mencoba custom template ada baiknya sebelumnya backup template anda agar bisa di kembalikan seperti semulah jika terjadi kesalahan.

A. Cara Menambah dua elemen di bawah postingan

Login ke akun anda >> pada dasbor klik >> Template >> Edit HTML. ( Sebelum lanjut sebaiknya backup template anda agar bisa di kembalikan seperti semulah jika nantinya terjadi kesalahan. Misalnya simpan template anda ke dalam notepad ).

1. Carilah kode ]]></b:skin> atau </style> dan letakkan kode berikut sebelum kode ]]></b:skin> atau </style> ( tekan Ctrl + F untuk mempermudah pencaharian kode )

#magazine-left { width:48%; float:left; }
#magazine-right { width:48%; float:right; }

Anda bisa mengatur kembali lebar maupun border dll sesuai selera ( width:48%; ) = keterangan lebar

2. Kemudian cari kode dibawah ini atau yang serupa:

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

3. Letakkan kode berikut dibawah kode </b:section> sebelum kode </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section id='magazine-left' class='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section id='magazine-right' class='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
</b:if>

Save template, Selesei... selanjutnya Anda bisa menambahkan widget yang Anda inginkan pada kolom yang tersedia.

B. cara menambah satu elemen dibawah postingan

Login ke akun anda >> pada dasbor klik >> Template >> Edit HTML.

1.Carilah kode ]]></b:skin> atau </style> dan letakkan kode berikut sebelum kode ]]></b:skin> atau </style> ( tekan Ctrl + F untuk mempermudah pencaharian kode )

#magazine { width:100%; float:center; }

Anda masih bisa menambahkan kode lain pada CSS diatas, misalnya menambahkan border atau mengatur kembali lebarnya ( width:100%; ) dll.

2. Kemudian cari kode dibawah ini atau yang serupa:

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

3. Jika sudah dapat letakkan kode berikut dibawah kode </b:section> sebelum kode </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section id='magazine' class='magazine' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
</b:section>
</b:if>

Selanjutnya klik "Save Template" dan setelah tersimpan klik "Tata Letak" kemudian lihat hasilnya.