Sunday, July 2, 2017

Cara Membuat Iklan Muncul di Atas, Tengah dan Bawah Postingan Artikel dengan Satu Script

Besar kecilnya pendapatan kita dari iklan yang muncul di blog kita ditentukan oleh banyaknya klik pada iklan tersebut. Sedangkan banyaknya klik pada iklan tersebut tergantung pada posisi dimana iklan tersebut di simpan. Sampai saat ini, posisi yang sangat strategis dalam menempatkan iklan di sebuah blog agar menarik untuk di klik adalah di area postingan artikel, bisa di bagian Atas, Tengah ataupun bawah artikel.

Ada banyak cara yang pernah saya temui untuk menaruh iklan di area postingan, namun cara ini saya temukan sendiri dengan eksperimen tersendiri tentunya, hehe.. Cara yang akan saya beritahu disini sangat mudah, bahkan Anda hanya perlu mengedit satu kali script html yang ada pada blog Anda.

Langsung saja, berikut tutorial Cara Membuat Iklan Muncul di Atas, Tengah dan Bawah Postingan Artikel dengan Satu Script:


  1. Silahkan menuju Dashboard Blogger > Tema dan klik Edit HTML.
  2. Cari kode <data:post.body/> agar lebih mudah, gunakan CTRL+F, Lalu paste kode <data:post.body/> pada kolom pencarian.
    Akan ada lebih dari 1 kode tersebut, pilih yang kedua atau yang ketiga
  3. Sudah ada kodenya? Ganti kode tersebut dengan kode di bawah ini:

    Tempel kode iklan disini untuk iklan atas postingan
    <div expr:id='&quot;post1&quot; + data:post.id'/>
    <div class='googlepublisherads' style='margin:20px 0'>
    <center>
    Tempel kode iklan disini untuk iklan tengah postingan
    </center>
    </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>
    Tempel kode iklan disini untuk iklan bawah postingan

    Sehingga tampilannya akan seperti di bawah ini: 
  4. Cara selanjutnya adalah, silahkan pilih satu kode iklan yang ingin Anda tempel pada Area postingan lalu Copy kode iklan tersebut. Setelah di copy jangan langsung ditempelkan pada bagian script tadi, kunjungi dulu situs blogcrowds dan Parsekan kode iklan Anda di box yang telah tersedia, caranya tinggal tempel kode iklan Anda, lalu klik Parse.
  5. Udah ada kan hasil parse nya? Sebagai contoh, kita akan coba buat iklan di tengah postingan. Nah karena itu sekarang copy kode iklan yang telah di Parse tersebut, lalu Tempel di bagian Tulisan Tempel kode iklan disini untuk iklan tengah postingan.
    Maka hasilnya akan seperti gambar di atas.
  6. Klik Simpan Template dan lihat hasilnya.
Untuk iklan di atas atau di bawah postingan, tinggal tempel kode iklan yang telah di parse di tulisan Tempel kode iklan disini untuk iklan atas postingan dan Tempel kode iklan disini untuk iklan bawah postingan

Jika tidak berhasil, ada kemungkinan Anda salah memilih kode <data:post.body/> karena itu coba saja satu-satu, tapi biasanya kode yang di ganti adalah kode <data:post.body/> yang ke dua atau yang ke tiga.

Selamat Mencoba, Semoga bermanfaat.


EmoticonEmoticon