Cara Terbaru Memasang Iklan di Tengah Postingan, 100% Work!

Tutorial Blogspot/Blogger kali ini tentang cara membuat atau memasang iklan di tengah posting/artikel. Baik untuk iklan Google Adsense maupun media periklanan lainnya. Meletakkan iklan di tengah postingan diyakini mampu meningkatkan CTR atau klik pada iklan tersebut.

Sebetulnya untuk melakukan cara sudah ditulis pada beberapa artikel sebelumnya. Bisa anda baca pada artikel Cara Memasang Iklan di Tengah Postingan Tanpa Merusak Tampilan Blockqote dan Gambar atau Cara Memasang Iklan Adsense di Tengah Postingan Blog lainnya.

Perbedaanya dari artikel sebelumnya, pada tutorial meletakkan iklan di tengah postingan kali ini tidak akan mengganggu tampilan script blockquote. Iklan tidak akan sampai masuk pada barisan kode di blockquote, pre dan code.

Cara meletakkan atau memasang iklan di tengah postingan pada Blogspot/Blogger

Dengan cara ini, iklan akan tampil pada beberapa opsi. Adapaun opsi-opsinya adalah sebagai berikut: (1) Opsi pertam, iklan akan muncul setelah tag <h2> yang pertama; (2) Jika di artikel tidak terdapat tag <h2>, maka iklan akan muncul setelah tag blockquote yang pertama; (3) Jika di artikel tidak terdapat tag h2 atau blockquote, maka iklan akan muncul setelah paragraph ketiga.

Berikut caranya:

Cari kode berikut ini, atau yang serupa dengan kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div>
</b:if>

Ganti dengan kode ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div>
</b:if>

Tambahkan kode JavaScript berikut ini lagi, dan letakkan di bawah kode sebelumnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='ads_middle'> <!-- ADS MIDDLE POST -->
  <span>Advertisement</span>
// kode Iklan yang sudah diparse, letakkan disini
  </div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById(&quot;inline_wrapper&quot;);var target = document.getElementById(&quot;widget-middle&quot;);
var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>

Tempatkan kode iklan (yang sudah di parse) pada bagian yang ditentukan pada kode di atas.

Letak iklan dapat Anda sesuaikan dengan mengatur atau mengedit angka-angka pada script berikut (seperti yang ditandai pada kode di atas):
[3] atau [0] atau [0]

Semakin besar angka yang Anda masukkan, maka letak iklan akan semakin ke bawah. Saran saya, tidak perlu mengubah kode JavaScript di atas.

Setelah disesuaikan, simpan tema Anda.

Lihat hasilnya dengan membuka salah satu artikel Anda.

Bagaimana? Mudah bukan?

Demikian cara meletakkna iklan di tengah postingan/artikel pada Blogspot atau Blogger. Semoga membantu dan semoga caranya dapat diterapkan dengan mudah dan 100% work! Terima kasih.