CARA MENAMPILKAN IKLAN DI ANTARA POSTINGAN ARTIKEL BLOG - Tutorial Seputar Teknologi

CARA MENAMPILKAN IKLAN DI ANTARA POSTINGAN ARTIKEL BLOG


Hallo! 

CARA MENAMPILKAN IKLAN DI ANTARA POSTINGAN ARTIKEL BLOG - Blog kalian sudah berhasil dimonetisasi, tapi iklan hanya muncul di halaman utama (home) saja? atau hanya di bagian sidebar saja? atau hanya keduanya dan tidak muncul di tengah-tengah postingan artikel kalian? kalau benar begitu, kalian berada di blog yang tepat!.

Sebagai tambahan saja, pada dasarnya, penghasilan dari Google Adsense itu tidak lepas dari letak penempatan iklan kalian. Salah satu letak atau posisi iklan yang paling menjanjikan ialah tentu saja di bagian bawah header blog dan di bagian sidebar, baik sidebar kanan atau kiri.
Bukan omongan belaka saja, kedua posisi ini punya peran besar dalam menyumbang penghasilan adsense kalian, namun ada letak atau posisi yang tak kalah menguntungkan, apa itu? ya, iklan yang diselipkan di dalam tulisan atau juga dapat dikatakan 'di antara postingan artikel blog'. Posisi ini memang menguntungkan bagi publisher, sayangnya tidak banyak yang tahu cara memasangnya.

Maka dari itu, di post kali ini, gw mau berbagi trik atau tutorial memasang iklan agar tampil di antara postingan artikel blog. Simak hingga akhir ya...

Baca juga :

Memasang Iklan di antara postingan artikel blog ada 2 cara atau metode, yakni secara otomatis dan secara manual.

CARA MENAMPILKAN IKLAN DI ANTARA POSTINGAN ARTIKEL BLOG SECARA OTOMATIS

Sebelum lebih jauh membahas cara yang satu ini, kalian harus memperhatikan terlebih dahulu apakah jenis blog yang kalian kelola, cocok atau tidak untuk menggunakan iklan di tengah postingan.

Simpel sebenarnya untuk mengatakan cocok atau tidak menggunakan iklan di tengah postingan blog kalian. Bilamana postingan kalian mayoritasnya berisi tulisan saja, maka bisa dibilang blog kalian cocok untuk menampilkan iklan di antara postingan blog. Namun, bila postingan kalian mayoritasnya berisi gambar, maka kurang cocok untuk menampilkan iklan di antara postingan artikel blog kalian. Hal itu karena iklan yang muncul nantinya akan tabrakan dengan gambar. Sehingga tampilan blog kalian bukannya menarik tapi malahan amburadul. Karena iklan yang dibuat akan secara otomatis muncul di tengah postingan artikel kalian. Akan tetapi, semua itu balik lagi ke kalian sebagai publisher nya. oke lanjot..

Langkah-langkah untuk menampilkan iklan di antara postingan artikel, sbb:
  1. Buka blogger dan masuk ke akun kalian, 
  2. Setelah masuk ke dashbor blogger kalian, klik bagian template, 

  3. Setelah itu, untuk versi blogger 2021, kalian klik icon dropdown yang ada disebelah tulisan "sesuaikan"


  4. Pilih 'Edit HTML', kemudian cari kode <data:post.body/> di rangkaian kode HTML kalian. Kalian bisa menggunakan bantuan Ctrl+F kemudian masukkan kode itu untuk mencarinya. Kalian akan menemukan kode tersebut lebih dari satu kode. Kalian bisa coba-coba satu persatu untuk menemukan yang tepat berada di antara postingan artikel blog kalian. Biasanya terletak di kode yang ketiga.
  5. Setelah itu, ganti kode tersebut (<data:post.body/>) dengan script dibawah ini;
<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
--- Letakan Kode Iklan Adsense Yang Telah Diparse di sini---
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Catatan:
Kode diatas akan menempatkan iklan tepat ditengah-tengah postingan artikel kalian. Sehingga jika Kalian punya postingan artikel yang sangat panjang, iklannya akan muncul dibagian agak bawah. Kalian bisa merubah penempatannya ya, perhatikan pada baris kode yang gw beri warna biru itu. var t=s.substr(0,s.length/2); Kalian bisa merubah angka 2 dengan angka lainnya.

Angka dua dalam baris kode itu artinya ialah script akan menghitung seluruh kata yang ada pada postingan artikel kalian, lalu membaginya menjadi 2. Di titik pertemuan pembagian itulah, iklan disisipkan. Kalian bisa merubahnya sesuka hati, silakan mencoba-coba.

Baca juga :

Sementara untuk tulisan merah, --- Letakan Kode Iklan Adsense Yang Telah Diparse di sini--- Kalian bisa ganti dengan kode iklan kalian yang sudah diparse. Apa artinya diparse? Jadi, kode html dari iklan kalian haruslah diparse terlebih dahulu sebelum dipasang. Diparse berarti mengubah ke bahasa html simbol-simbol yang ada, contohnya;
Gw punya kode html sbb:
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">

terus, gw parse kode itu, sehingga hasilnya menjadi sbb:
&lt;div expr:id=&#039;&quot;ads2&quot; + data:post.id&#039;&gt;&lt;data:post.body/&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

intinya sebenarnya sama kode itu, namun diubah saja ke dalam bahasa yang lebih dimengerti oleh sistem.
Untuk parse kode kalian, silakan klik disini.
Jika sudah yakin dengan hasilnya, silahkan Simpan.


CARA MENAMPILKAN IKLAN DI ANTARA POSTINGAN ARTIKEL BLOG SECARA MANUAL

Cara pertama yang sudah gw tunjukin itu, iklan yang muncul akan otomatis langsung untuk semua postingan artikel yang telah kalian buat. Cara manual yang kedua ini mungkin sedikit lebih merepotkan. Tapi, ga masalah ya, demi penghasilan yang lebih mantap..haha

Cara ini bisa digunakan karena posisi iklan dalam satu tulisan bisa diatur sedemikian rupa kemunculannya sehingga bisa tetap memperhatikan estetika tampilan blog kalian. Pada dasarnya, cara memasangnya sangat mudah, yang bikin repot karena harus dilakukan satu persatu saja.

Kalian bisa memasukkan script berikut ini di bagian postingan artikel kalian. Pemasangannya sedikit berbeda dengan cara otomatis sebelumnya. Untuk cara manual ini, Iklan tidak perlu di parse dan dengan sendirinya iklan akan muncul di bagian tulisan yang Anda inginkan. Jadi, kalian tidak perlu susah-susah pergi ke web lain untuk sekedar parse kode iklan. 

Langkah-langkah pemasangannya ialah sbb;
  1. Sama hal nya dengan sebelumnya, kalian buka blogger dan masuk ke akun kalian.
  2. Setelah itu, tidak lagi ke bagian template, melainkan langsung ke bagian postingan.
  3. Klik postingan yang akan kalian susupi iklan manual ini.
  4. Tentukan dibagian mana kalian ingin menampilkan iklan.
  5. Setelah ketemu bagiannya, kalian klik icon pena di sisi kiri atas (untuk versi blogger 2021)
icon pena

pilih mode tampilan html

kemudian pilih tampilan HTML. Kalian cari bagian yang kalian tadi inginkan, kemudian copy-paste kode berikut;

<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
// Kode Iklan Anda //
</div>

bentuk akhirnya, kurang lebih seperti ini;

<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-972435xxxxxxxxxx"
     data-ad-slot="6085xxxxxxxx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

Menurut gw, cara yang kedua ini isa anget kalian gunakan dan terapkan, meskipun agak merepotkan. Silakan mencoba-coba..

Baca juga :

Sekian pembahasan gw kali ini, semoga bermanfaat. Terima kasih..

Comments

2 comments

Silakan Beri Komentar
EmoticonEmoticon