Cara memasang iklan di tengah postingan artikel

Sebenarnya iklan memiliki daya tarik sendiri dalam postingan dalam suatu situs ataupun blog, ada beberapa gaya iklan animasi yang dapat membuat tampilan postingan ataupun tampilan blog menjadi lebih menarik dan hidup. Dengan menempatkan iklan dibeberapa tempat strategis di area halaman tentu saja dapat menjadi perhatian lebih dari pengunjung untuk melakukan pengaturan itu tidak bisa dilakukan pada

gadget di menu tata letak akan dengan sedikit pengaturan pada HTML Blog, iklan bisa saja diatur sesuai dengan keinginan sang pemilik blog. Kali ini akan di bahas cara mudah memasang iklan ditengah postingan.

Langkah-langkahnya sebagai berikut:

Baca:  Jurus cerdas diterima menjadi akun Adsense

1.       Tentukan jenis iklan yang akan dimasukkan dalam postingan dengan memilih jenis iklan yang ada dalam akun adsense yang anda miliki

2.       Copy dan parse kan iklan tersebut terlebih dahulu, hal ini dilakukan agar tidak terjadi error atau iklan tidak tampil saat iklan diterapkan dalam kode HTML

3.       Masuk keakun blogger > klik tema, sebelum melakukan editing pada kode HTML tema blog ada baiknya melakukan backup terlebih dahulu ini dimaksudkan apabila terjadi kesalahan dalam pengaturan kode HTML dapat menggunakan tema yang sudah di backup sebelumnya bisa di panggil kembali. Dengan kata lain ini dilakukan untuk persiapan apabila ada hal yang tidak diinginkan saat penerapan kode HTML jika sudah maka silahkan lanjutkan ke langkah selanjutnya

4.       Klik Edit HTML, maka kita akan di perlihatkan dengan tampilan script HTML dari tema blog yang kita gunakan

5.       Carilah kode <data:post.body/> jika menggunakan kursor akan membutuhkan waktu yang cukup lama ditambah ada lebih dari satu kode yang sama, namun tidak perlu khawatir untuk mempermudah menghemat waktu dalam pencarian kode, silahkan tekan CTRL+F dan ketikan nama dari kode yang akan dicari lalu tekan enter.

6.       Jika sudah menemukan kode yang telah di cari,  selanjutnya hapus kode data:post.body/ yang berada dalam tanda < > dan masukkan kode dibawah ini, tidak perlu mengetik ulang tapi langsung blok dan copy pastekan saja langsung.

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

<div class='googlepublisherads' style='margin:10px 0'>

<div class='separator' style='clear: both; text-align: center; '>

Kode Iklan Adsense Anda Letakkan disini yang sebelumnya sudah di parsekan

</div>

</div>

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

<script type='text/javascript'>

var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);

var obj1=document.getElementById(&quot;post2<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+4);}

</script>

7.       Bila sudah selesai maka silahkan klik simpan tema dan lihat perubahan yang terjadi pada postingan blog.

Keterangan :

• -          Jika dalam postingan blog tidak menampilkan iklan kemungkinan salah dalam memilih kode <data:post.body/> jalan keluarnya adalah cari kode yang lain sampai ada perubahan pada artikel dengan menampilkan iklan
• Tidak perlu khawatir bila salah anda bisa mengembalikan tema anda dengan menggunakan tema tema yang sebelumnya sudah di backup.
• Setiap tema jumlah kode <data:post.body/> tidak sama

Selamat mencoba, semoga bermanfaat.