Warung Bebas

Jumat, 21 September 2012

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

0 komentar em “Menambah Kolom Dibawah Postingan Blogspot”

Poskan Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger