Home » » Menambah Kolom elemen di bawah posting

Menambah Kolom elemen di bawah posting

Written By RACHMAT SR on Selasa, 28 Februari 2012 | 20.07

Menambah Kolom elemen di bawah posting

  1. Seperti biasa Log in dulu ke blogger
  2. Tata letak
  3. Edit HTML
  4. Sebelum mengedit template, anda mungkin ingin menyimpan sebuah salinan dari template tersebut. Download Template Lengkap
  5. Conteng tanda kotak kecil atas kanan / Expand Template Widget
  6. Kemudian cari kode seperti ini #main-wrapper{  atau   #main-wrapper {
  7. #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 */
    }

      yang ditandai warna merah diatas, mungkin berbeda dengan blog anda, bisa seperti> #main-wrapper{ dan bisa juga seperti ini :width:650 dsb.
  8. Copy kode dibawah dan paste / tambahkan pas di bawah kode diatas.
  9. #mainbottom {
    text-shadow:0 1px 0 #ddd;
    margin:0 auto;
    padding:6px;
    width:620px;
    float:left;
    margin-top:10px;margin-right:5px;
    background-color: #fbfbfb;
    display: inline; /* fix for doubling margin in IE */
    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
    */
    }
  10. Sekarang membuat id untuk mainbottom tersebut. Cari kode ini: <div id='main-wrapper'> lebih kurang seperti ini, jika urutan kode dibawah memusingkan, sebelum anda menyisipkan kode
    ini <b:section class='main' id='mainbottom' showaddelement='yes'/> terlebih dahulu anda klik simpan (Save)
    kemudian buka contengan diatas kanan / Expand Template Widget,
  11. dan ulangi cari kode seperti ini <div id='main-wrapper'> maka anda akan menemukan persisi seperti dibawah.
    <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>

  12. Sisipkan kode <b:section class='main' id='mainbottom' showaddelement='yes'/> dibawah kode </b:section>
    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>

  13. Sekarang simpan tamplate anda dan lihat hasilnya 
 Selamat mencoba, Semoga berhasil.

Share this article :


 
Support : Al Islam | Paalem 3 | Mushola
Copyright © 2013. Panduan Blogger - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger