Sabtu, 28 Januari 2017

Cara Membuat Slot Iklan Adsense di Tengah Postingan

Cara Membuat Slot Iklan Adsense di Tengah Postingan - Adsense? siapa sih yang tidak tau Google Adsense. Semua para kalangan blogger tau akan hal ini, karena salah satu tujuan mereka bermain blogger, ya bisa bekerja sama dengan Gogle Adsense, hihi.

Cara Membuat Slot Iklan Adsense di Tengah Postingan

Dengan ini, Viham Blog akan membahas dalam tata letak slot iklan adsense? salah satunya ya, gimana sih cara memasang dan membuat iklan adsense ada di tengah postingan artikel? Sebenarnya caranya cukup mudah kok Sobat, cukup dengan menambahkan beberapa kode. Tapi kalau tidak tau ya sulit kan? hehe. Baiklah cukup sampai disini saja basa-basinya, silakan SObat ikuti tips dan trik Cara Membuat Slot Iklan Adsense di Tengah Postingan berikut ini.

Cara Membuat Slot Iklan Adsense di Tengah Postingan


1. Login ke akun Blogger ↦ Pilih Template ↦ Edit HTML ↦ kemudian tekan tombol CTRL+F ↦ Ketik di kolom dengan kode <data:post.body/>
Di dalam template, pasti ada beberapa kode <data:post.body/> tersebut, namun SObat bisa pilih salah satu dan ganti-ganti sampai iklan-nya tampil di tengah halaman postingan
 2. Salin kode diatas dengan kode dibawah ini
<div expr:id='&quot;ads1&quot; + data:post.id'/>

<div class='googleads'>

<!-- pasang kode iklan yang sudah diparse di sini -->

</div>

<div expr:id='&quot;ads2&quot; + data:post.id'><p><data:post.body/></p></div>

<script type='text/javascript'>

var obj0=document.getElementById(&quot;ads1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;ads2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}

</script>

Silakan SObat tambahkan kode iklan pada kode yang ditandai diatas
3. Tambahkan kode CSS berikut ini tepat di atas kode </style>. Fungsinya agar iklan bisa terlihat rapi dan bagus.
.googleads{margin:65px auto;text-align:center}

Jika sudah, simpan perubahan dan ndelok en dewe hasilnya.

Baca juga: Cara Menyembunyikan Icon Tang dan Obeng di Blog

Kelebihan dari kode diatas, tidak hanya untuk iklan Google Adsense. Namun bisa juga untuk merek  iklan-iklan lainnya. Salam Hebat! Terimakasih ya, sudah membaca tutorial Cara Membuat Slot Iklan Adsense di Tengah Postingan.
Load disqus comments

0 komentar