Cara Lain / Solusi Tidak Bisa Menampilkan Iklan Dibawah Paragraf Pertama

Pernah mencoba pasang unit iklan dibawah paragraf pertama? Waktu jalan-jalan ke search engine google mencari informasi yang saya butuhkan, lalu saya ketemu dengan blog / website yang menampilkan iklan dibawah paragraf pertama jika biasanya unit iklan berada ditengah postingan. Sempat terlintas dipikiran saya ingin memasang iklan seperti itu karena blog ini tidak bisa menampilkan iklan ditengah artikel, karena ada banyak artikel blog ini menggunakan tabel, numbered list dan bullet list. Yang bisa membuat artikel kurang rapi karena iklan muncul di dalam tabel, dibawah numbered list (tidak rapi berada ditengah postingan).

Namun saya gagal menggunakan trik tersebut. Dengan menggunakan kode yang sama, saya merubah cara memasangnya dari yang dibagikan di google. Bagaimana apa anda memiliki masalah yang sama seperti saya yang gagal menampilkan unit iklan dibawah paragraf pertama? Yuk ikuti tour saya berikut ini:

Langkah pertama
Silahkan simpan kode css berikut diatas </style>

#middleads{display:block;text-align:center;margin:20px;width:100%;height:auto;}

Langkah kedua
Kemudian simpan kode dibawah ini diatas </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='middleads'>

KODE IKLAN DISINI

</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 adscont = document.getElementById(&quot;middleads&quot;);var target = document.getElementById(&quot;middle-ads&quot;);var linebreak = target.getElementsByTagName(&quot;br&quot;);if (linebreak.length &gt; 0){insertAfter(adscont,linebreak[1]);}

</script>

</b:if>

jika anda ingin menampilkan iklan dibawah paragraf kedua/ketiga, silahkan atur angka 1 menjadi 2 atau 3. Namun jika ada tabel / numbered list didalam postingan, maka akan mengganggu tampilan menjadi kurang rapi karena iklan bisa tampil didalam tabel / numbered list.

Langkah ketiga
1. Silahkan cari kode <data:post.body/>, biasanya ada lebih dari satu. silahkan cari kode seperti itu yang berada didalam tag kondisional khusus postingan seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

</b:if>

atau seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

...................

<data:post.body/>

...................

</b:if>

2. Setelah ketemu maka silahkan bungkus kode <data:post.body/> dengan kode berikut:

<div id='middle-ads'>

...................

</div>

hingga menjadi seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='middle-ads'>

<data:post.body/>

</div>

</b:if>

Selesai dan selamat mencoba...

Kode javascript dari sini:
http://www.seocips.com/2015/10/cara-memasang-iklan-dibawah-paragraf-pertama-blogspot.html

Artikel Terkait