Membuat Kotak Iklan 2 kolom di Bawah Artikel Blog

Mempercantik tampilan memang sangat dibutuhkan untuk menunjang kenyamanan para pengunjung diantara membagi kotak iklan 2 kolom di bawah artikel blog supaya iklan tidak bertumpukan dan membuat kenyamanan para pengunjung, Oke langsung saja cara membuat kotak iklan 2 kolom di bawah artikel blog.

Langkah-langkahnya sebagai berikut:
1. Login ke akun blogger Anda.
2. Klik Template Edit HTML.
3. Kemudian tekan CTRL+F cari kode ]]></b:skin> atau </style>
4. Copy kode dibawah ini, lalu letakkan kode tersebut tepat di atas kode ]]></b:skin> atau </style>

.bawahpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.bawahkiri {
float:left;
width:327px;
background-color:#edf2f7;
border-top:4px solid #dae2ee;
border-bottom: 1px solid #dae2ee;
padding:2%;
overflow: hidden;
}
.bawahkanan {
float:right;
width:327px;
background-color:#edf2f7;
border-top:4px solid #dae2ee;
border-bottom: 1px solid #dae2ee;
padding:2%;
overflow: hidden;
}
.ad-bottom {
width:125px;
height:125px;
}
.ad {
display:block;
margin:0 10px 0 0;
background-color:#fff;
text-align:center;
text-decoration:none!inportant;
overflow:hidden;
}
.pull-left {
float:left;
}
.pull-right {
float:right;
}
.ad-empty {
display:block;
background-color:white;
color:#ccc;
font-size:11px;
text-align:center;
text-decoration:none;
}

4. Selanjutnya cari kode <data:post.body/> lalu letakkan kode di bawah ini tepat di atas kode <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bawahpost'>
           <div class='bawahkiri'>
  <a class='ad ad-buttom pull-left' href='/p/pasag-iklan.html' title='Pasang Iklan'>
  <span class='ad-empty' style='width:125px;height:125px;line:height:125px;'>125 x 125</span>
  </a>
  <strong>
  <a href='/p/pasang-iklan.html' title='Pasang Iklan'>Pasang Iklan Anda di Sini</a>
  </strong>
           </div>
          <div class='bawahkanan'>
  <a class='ad ad-buttom pull-left' href='/p/pasag-iklan.html' title='Pasang Iklan'>
  <span class='ad-empty' style='width:125px;height:125px;line:height:125px;'>125 x 125</span>
  </a>
  <strong>
  <a href='/p/pasang-iklan.html' title='Pasang Iklan'>Pasang Iklan Anda di Sini</a>
  </strong>
           </div>
</div>
</b:if>

5. Lalu save template dan lihat hasilnya.

Selamat mencoba dan semoga berhasil,..

Advertise

Contact Me

300x250

Advertise

Contact Me

300x250