Rabu, 20 Juni 2012

Membuat Iklan Berdampingan di Posting (Bagian I)

Kalau sobat blogger ingin iklan adsensenya terlihat berdampingan di posting blog, cara membuatnya cukup mudah. Sobat blogger tinggal memasukkan beberapa kode pada template blog.

Berikut cara membuat iklan berdampingan di posting, seperti gambar diatas:
  1. Login Akun blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Jangan lupa download dulu template Anda, jika terjadi kesalahan bisa langsung di back up 
  4. Cari kode ]]></b:skin> (seperti biasa gunakan Ctrl + F) 
  5. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>

    #iklankontent {
    height: 250px;
    }
    #iklankiri {
    float: left;
    }
    #iklankanan {
    float: right;
    }
     
  6. Kemudian cari <data:post.body/>, kalau Anda menginginkan iklan diatas posting, letakkan kode iklan di bawah ini tepat diatas kode <data:post.body/>, jika dibawah posting letakkan tepat dibawah <data:post.body/>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='iklankontent'>
    <div id='iklankiri'>
    Kode Iklan Kiri
    </div>
    <div id='iklankanan'>
    Kode Iklan Kanan
    </div>
    </div>
    </b:if>

    Keterangan:
    250 : tinggi iklan yang akan ditampilkan
    Kode iklan kiri dan kode iklan kanan : kode iklan yang akan ditampilkan 
  7. Simpan Template

Tidak ada komentar:

Posting Komentar