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

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: