Cara Memasang Iklan Di Tengah Postingan Dan Tanpa merusak tampilan dan text work 100%

Hallo para publisher adsense kali ini ko shoya akan berbagi Cara Memasang iklan di tengah postingan dan tanpa merusak tampilan. Pada cara ini iklan tersebut ditampilkan ternyata bisa merusak dan membuat berantakan tampilan blog yang termasuk gambar dan memotong wilayah <blockquote> <pre> dan <code> yang biasanya digunakan pada blog tutorial. Selain itu, dengan cara ini akan ditampilkan secara otomatis setiap pada postingan, jadi anda tidak perlu menyematkan script slot iklan di setiap postingan tertentu.

Tanpa Merusak Tampilan Dan Gambar

Menampilkan iklan di tengah postingan, diyakini dapat meningkatkan CTR dari iklan tersebut. Terutama bagi publisher Google Adsense, yang ternyata sudah pasti memasang dua hingga tiga slot iklan di tengah postingan tertentu. Nah, bagi anda yang sangat ingin menampilkan iklan di tengah artikel atau postingan, tanpa perlu merasa takut karena iklan tersebut akan merusak tampilan yang ada di blockquote, pre dan code

Untuk melakukan hal ini, adna dapat mengikuti langkah-langkah sebagai berikut ini :

Pertama
Login ke blogger terlebih dahulu, lalu pilih Template > Edit HTML

Kedua
Cari kode seperti dibawah ini:

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

Pasti setiap template mempunyai struktur yang berbeda, dan anda hanya tinggal menyesuaikan hasilnya saja.

Ketiga
Tambahkan kode <div id='middleads'> dan penutupnya </div>  diantara kode pada langkah yang ke 2 tadi. sehingga hasilnya seperti di bawah ini :

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

Keempat

Letakkan kode yang di bawa ini tepat di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#middle-ads{display: none;margin:0 auto;padding:0}
.middleadsproject{padding:0;width:auto;text-align:center;height:auto;margin:5px auto 0;display:block}
.middleadsproject h4{color:#bbb;text-align:center;margin:0 auto 7px;font-weight:normal!important;letter-spacing:1.5px;padding:0;font-size:90%}
</style>
<div id='middle-ads'><div class='middleadsproject'><h4>Advertiser</h4>
KODE IKLAN YANG SUDAH DIPARSE

</div>
</div> <script type='text/javascript'>
var str1=document.getElementById(&quot;middleads&quot;).innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search(&quot;&lt;br&gt;&quot;);
if(n&lt;0)
{
n = substr.indexOf(&#39;.&#39;);
if(n&lt;0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);
}
else
{
var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode=&quot;<center>&quot;+document.getElementById(&quot;middle-ads&quot;).innerHTML+&quot;</center><br/>&quot;;
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;
document.getElementById(&quot;middle-ads&quot;).innerHTML=&quot;&quot;;
</script>
  </b:if>

Lalu ganti tulisan KODE  YANG SUDAH DIPARSE denga script iklan adsense anda yang suda anda parse. Lalu simpan template dan lihatlah hasilnya denga membuka salah satu postingan halaman blog anda.

Nah, itulah cara memasang iklan tanpa merusak bagian postingan semoga bermanfaat bagi anda yang baru memulai maupun yang sudah memulai. Dan terimah kasi.