Menambah Kolom Dibawah Postingan Blogspot

Teman-teman semua pasti ingin memasang iklan atau kode javascript lainnya dibawah postingan. Karena kalau dipasang di sidebar terlalu ramai maka dibawah ini saya akan memberikan cara-cara bagaimana menambah elemen di bawah postingan untuk pasang iklan atau lainnya. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.

• Seperti biasa Log in dulu ke blogger temen.
• Tata letak
• Edit HTML
• Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan.
• Beri tanda centang di kotak kecil atas
• Kemudian cari kode

  #main-wrapper {
  width: 410px;
  float:$startSide;

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

  }

• Tambahkan kode berikut di bawah kode tadi

  #mainbottom {
  background:#ffffff;
  border:1px solid #0B610B;
  margin:0 0 0.5em;
  padding:0.5em;
  }

• Sekarang kita membuat id untuk mainbottom tersebut. Cari kode ini:

  <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>

• Sisipkan kode berikut di bawah </b:section>

  <b:section class='main' id='mainbottom' showaddelement='yes'/>

• Sehingga menjadi seperti ini

  <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>

  <b:section class='main' id='mainbottom' showaddelement='yes'/>

  </div>

• Sekarang simpan tamplate anda dan lihat hasilnya

Selamat mencoba........

Jangan lupa baca yang ini juga