1 Komentar

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

One comment on “Menambah Kolom Dibawah Postingan Blogspot

  1. mudah ya pasang iklan di blog secara otomatis
    thanks gan!

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: