Cara Memasang Iklan AdSense di Kiri Paragraf dalam Postingan Blogger

Cara Memasang Iklan AdSense di Kiri Awal Paragraf

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;}
}


Simpan template dan lihat hasilnya. Semoga tutorial lengkap menyisipkan iklan AdSense di sebelah kiri di awal postingan ini bisa bermanfaat.
Baca Juga

DONASI VIA PAYPAL

Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.igniel.com. Terima kasih.

Artikel Terkait

2 Komentar

  1. Baru tahu kalau iklan bisa di terapkan di awal paragraf sebelah kiri. Oh iya coment editor di blog ini kenapa tidak ada scrollnya ya, tapi kenapa di template cotempo ada?

    ReplyDelete

Gunakan tag HTML <em> untuk menuliskan URL, potongan kode, atau hal penting lainnya.
Contoh: <em>isi pesan</em>