Cara Menambah Kolom Dibawah Postingan Blogspot

Posted on
  • by
  • in
  • Label:
  • Berikut cara menambah kolom dibawah posting:
    • Seperti biasa Log in dulu ke blogger .
    • 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



    Artikel Terkait:

    Related Posts Plugin for WordPress, Blogger...

    0 komentar:

     
    Copyright (c) 2012 Blogger templates
    Sponsored by : siniput.