Menambahkan Dua Kolom Baru di Template Blogspot

Menambahkan Dua Kolom Baru di Template Blogspot -

   Setelah menjelaskan cara uhuk="http://viruspintar.blogspot.com/2009/04/menambahkan-kolom-baru-di-template.html" target="new">menambah sebuah kolom baru, Kali ini kita akan coba kembali untuk menambahkan 2 buah kolom baru yang berdampingan tepat diatas ataupun dibawah letak Posting blog kita.

uhuk="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ACncIwMyg9faTgnnqgYNy4N_xOMO-Wp_rRPZZFbRWPokJpGeAO4IzUFAdMvKqbea2mqbS3_2x2ezFrr8lsQIL30D_WKpMsK5Vd8b2VguksULULnWbyUEOS9TwvuJ7RQLzbb633hGFY-o/s1600-h/viruspintar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
Dua kolom baru di bawah posting blog

caranya sama seperti yang sebelumnya hanya saja ada sedikit penambahan dan perubahan kode. Seperti biasa, silakan kalian Login dulu di Blogger.com. Setelah itu, pilih menu "Layout" -> "Edit HTML". Pada Edit Template, pastikan kalau "Expand Widget Templates" tidak di centang. Kemudian cari kode berikut :

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

Setelah ketemu kode tadi, Untuk menambahkan kolom baru tepat dibawah posting, tambahkan kode di bawah ini tepat di bawah kode </b:section> atau sebelum kode </div>, Namun kalau ingin menambahkannya di atas posting, tambahkan kode di bawah ini tepat di bawah kode <div id='main-wrapper'> atau diatanya kode <b:section class='main' id='main' showaddelement='no'>. Dan inilah kodenya :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='kolom-kiri' showaddelement='yes' >
<b:widget id='Text51' locked='false' title='Test Title 1' type='Text'/>
</b:section>

<b:section class='sidebar' id='kolom-kanan' showaddelement='yes' >
<b:widget id='Text52' locked='false' title='Test Title 2' type='Text'/>
</b:section>

<div style="clear: both;"></div>
</b:if>

Setelah itu, cari kode ]]></b:skin> atau </b:skin>. Setelah ketemu, masukkan kode berikut diatas kode tadi :

#kolom-kiri {
width: 45%;
float: left;
}
#kolom-kanan {
width: 45%;
float: right;
}

45% adalah lebar masing masing kolom. Setelah itu jangan lupa "disimpan" lalu di cek apakah sudah ada tambahan dua kolom baru.

uhuk="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhalhcntGj1znW1IPM2i3ACIs9BR5W4us8S9U05vwt3gY_sa3lV6maJdVuXRZwSm7EuH5Zcv1tTiFyq5DAX4hEbSAmHD8f-Kdjcw7pVpZ35KfQ6ockh2vi4PK_9A_Q6fHgyhVUnhXLZkQoL/s1600-h/viruspintar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
Dua kolom baru di atas Posting blog

Title : Menambahkan Dua Kolom Baru di Template Blogspot ► SEOer Mendem ► 5
URL : http://seomendem.blogspot.com/2009/04/menambahkan-dua-kolom-baru-di-template_24.html
Jangan lupa untuk membagikan artikel Menambahkan Dua Kolom Baru di Template Blogspot ini jika bermanfaat bagi sobat.

Posts related to Menambahkan Dua Kolom Baru di Template Blogspot: