Menambahkan Kolom Baru di Template Blogspot

Menambahkan Kolom Baru di Template Blogspot -

   Karena aku gak bisa banyak omong dan daripada cas cis cus bicara gak jelas, kita langsung aja yach... Nah, Kali ini aku akan memberitahukan cara untuk menambahkan sebuah kolom baru di templatenya blogspot.

uhuk="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfX4anfryAwJjV0kAF4aHmkluSRwLe_bkTc6sUC16jsaAvuGALJ9QCyerRfPFNnnM_NNF9gq6ay_ICkemeAo-QoEccdoG280AglkFoChjHCDIFKElvD0it0SisLAHk4T3GcDRpE-EIcEtz/s1600-h/viruspintar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
Gambar Layout sebelum dirubah

Kita akan menambahkan sebuah kolom tepat diatas Posting Blog. Caranya adalah yang pertama yaitu kamu harus login terlebih dahulu ke blogger. 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>

Di template tertentu, kalau "<div id='main-wrapper'>" tidak ketemu, mungkin kodenya adalah <div id='main'> atau juga <div id='content'> sebenarnya sama aja kok. Setelah ketemu kode tadi, Tambahkan kode di bawah ini tepat di bawah kode <div id='main-wrapper'> atau diatasnya kode <b:section class='main' id='main' showaddelement='no'> :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='kolom' showaddelement='yes' >
<b:widget id='Text51' locked='false' title='Test Title 1' 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 {
  width: 100%;
  float: left;
}

Setelah itu jangan lupa "disimpan" lalu di cek apakah sudah ada tambahan kolom baru diatas tempat posting.

uhuk="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIc_d0r5mxuECtLweKxkl4c7KZ25v_WzR77wTNIJv6EfYSLhiIkY0mh7B4wiXkPXcx2LTgSp_YMIermNhShKNMzPRZSFCjNTKB3jReaIXOVMvlLxQ2cP2HKJvoKoGtO3PHRIKNtDif0dpV/s1600-h/viruspintar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
Layout setelah ditambah kolom

Selamat mencoba.

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

Posts related to Menambahkan Kolom Baru di Template Blogspot: