DIFINMEDIA.COM
Back Home

Cara Memasang Iklan AdSense di Kiri Paragraf dalam Postingan Blogger

Sourch Image : www.difinmedia.com


Peletakan iklan di awal paragraf sebelah kiri ini cocok untuk diterapkan dalam blog yang memiliki banyak kata dan sudah umum ditemukan. Scriptnya pun sudah saya modifikasi agar lebih responsif. Artinya ketika blog dibuka di layar yang lebih kecil, posisi iklan akan berubah menjadi di atas paragraf.

Loh kenapa? Karena jika tetap ada di kiri akan memakan tempat dan membuat jelek tampilan. Text di sebelah kanan hanya akan tampil sedikit karena terdorong oleh lebar iklan. Jadi lebih baik diubah posisinya menjadi di atas HANYA JIKA dibuka di layar yang lebih kecil.

Kalau kamu tipe orang yang suka memasang gambar di awal paragraf seperti saya, posisi jenis ini kurang bagus karena tampilannya akan bersebelahan dengan gambar yang ukurannya lebih besar. Ini tuh cocoknya sama blog yang di awal paragrafnya didahului oleh banyak kalimat. Jadi mending gambarnya pindahkan ke paragraf ke dua saja okay.

Membuat Iklan di Sebelah Kiri di Awal Paragraf

Ukuran iklan yang cocok untuk diletakkan di posisi ini adalah 336x280 atau 300x250 agar tidak menggangu tampilan text di sampingnya.

Pertama cari kode <data:post.body/>. Kalau ada banyak pastikan memilih yang ada di dalam tag kondisional halaman post <b:if cond='data:view.isPost'>.

Lalu tambahkan kode HTML berikut SEBELUM kode yang disebutkan tadi.
<div class="iklankiri">
  <!-- Tulis Kode Iklan -->
</div>

Sehingga hasil akhirnya kurang lebih seperti ini.
<b:if cond='data:view.isPost'>
  ....
  ....
  <div class="iklankiri">
    <!-- Tulis Kode Iklan -->
  </div>
  <data:post.body/>
  ....
  ....
</b:if>

Tambahkan juga kode CSS ini agar posisinya bisa ada di kiri sekaligus membuatnya responsif seperti yang sudah dijelaskan sebelumnya. Simpan DI ATAS </style> atau ]]></b:skin>.
.iklankiri {float:left; margin-right:15px; margin-bottom:15px;}
@media screen and (max-width:568px){
  .iklankiri {float:none; display:block; margin:0px auto 15px; text-align:center;}
}

View on Codepen

Simpan template dan lihat hasilnya. Semoga tutorial lengkap menyisipkan iklan AdSense di sebelah kiri di awal postingan ini bisa bermanfaat.
AdSense Blogger 4 Oleh Igniel