Cara Memasang Iklan Adsense di Tengah Artikel (Postingan) Via Edit HTML

May 25, 2018

Baca Juga Artikel Berikut Ini

Cara Memasang Iklan Adsense Di Tengah Artikel (Postingan) | Blog Firdaus - Salah satu kunci meningkatkan pendapatan Adsense yaitu dengan menempatkan slot iklan pada posisi yang tepat. Seperti yang telah admin jelaskan pada artikel sebelumnya bahwa memasang iklan di tengah postingan merupakan salah satu tempat iklan strategis yang patut anda coba.

Cara memasang iklan adsense di tengah artikel
Ilustrasi Iklan Adsense Di Tengah Artikel /Postingan
©Blog Firdaus | www.firdaus.web.id



Memasang iklan di tengah artikel bisa anda lakukan dengan 2 cara. Yang pertama, langsung diletakkan di postingan, dan yang kedua melalui via edit HTML. Cara pertama jarang sekali digunakan karena harus satu per satu memasang iklan setelah membuat postingan, dianggap tidak efektif.  Sedangkan cara kedua lebih efektif karena hanya perlu sekali memasukkan kode iklan, iklan pun langsung tayang di semua postingan.

Sebenarnya sudah banyak blog lain yang memberikan tutorial cara memasang iklan adsense di tengah artikel. Dan kali ini admin akan memberikan tutorialnya lagi kepada anda sekalian. Cara memasang iklan Adsense di tengah artikel ini insyaallah work untuk blog anda.

Cara Memasang Iklan Di Tengah Artikel (Postingan)


Sebelum melakukan tutorial ini, back up dulu template anda untuk berjaga-jaga apabila anda salah atau gagal melakukannya maka bisa dikembalikan lagi. Selain itu, kode iklan sebaiknya di parse terlebih dahulu Sebelum diterapkan pada template agar tidak error. Bagaimana caranya? Cukup copy kode iklan pada tools berikut ini lalu klik tombol parse.

Pemasangan artikel di tengah postingan  via edit html kali ini admin akan jelaskan dengan 2 cara.  Bagaimana caranya? Simak Penjelasannya

Cara 1

  • Buka dashboard blogger anda
  • Pilih Tema ----> Edit HTML
  • Carilah kode <data:post.body/> (Lakukan pencarian dengan CTRL +F supaya mudah menemukannya). Akan ada banyak kode <data:post.body/> di dalam template, silahkan pilih kode yang kedua atau ketiga.
  • Langkah selanjutnya, ganti kode <data:post.body/> dengan kode berikut ini :

<div expr:id='&quot;post1&quot; + data:post.id'/>
&lt;div class='googlepublisherads' style='margin:15px 0'&gt;
&lt;center&gt;
TARUH KODE IKLAN YANG SUDAH DI PARSE DISINI
&lt;/center&gt;
&lt;/div&gt;
<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>
  • Klik Simpan
Note :
Perhatikan kode var t=s.substr(0,s.length/2); pada kode tersebut terdapat angka 2 yang menandakan iklan terletak tepat berada di tengah artikel.

Jika anda ingin meletakkannya agak diatas maka anda bisa mengganti angka 2 menjadi 3, 4 dan seterusnya. Semakin Besar angka maka iklan terletak semakin ke atas.

Bagaimana? Apakah sudah berhasil? Jika belum anda bisa cara kedua berikut ini :

Cara 2

1. Sama seperti cara pertama masuk terlebih dahulu ke edit HTML lalu cari kode

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

atau yang mirip dengan kode tersebut

2. Ganti kode tersebut menjadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div>

</b:if>

3. Letakkan kode berikut ini tepat dibawah kode sebelumnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>

&lt;div class='inline_wrapper' id='inline_wrapper'&gt;

&lt;div class='ads_middle'&gt;

 <span/>



<!---TARUH KODE IKLAN YANG SUDAH DI PARSE DISINI---!>



 &lt;/div&gt;

&lt;/div&gt;

<script type='text/javascript'>

function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}

var middleads = document.getElementById(&quot;inline_wrapper&quot;);var target = document.getElementById(&quot;widget-middle&quot;);

var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);}

var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);}

var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);}

</script>

</b:if>

4. Klik Simpan


Anda boleh menggunakan cara yang mana saja. Kedua cara tersebut insyaallah sama-sama work di template anda. Sekian artikel cara memasang iklan di tengah artikel. Semoga bermanfaat.

Keterangan : kode-kode tersebut admin ambil dari blog bungfrangki.com dan strukturkode.blogspot.com yang telah dimodifikasi.

Dapatkan Update Artikel Blog Firdaus Melalui Email

Bila pembaca merasa bahwa artikel-artikel di blog Firdaus bermanfaat, pembaca bisa memberikan sedikit donasi melalui Rekening BRI. Dana hasil dari donasi tersebut akan digunakan untuk memperpanjang domain Blog Firdaus Terima kasih.

Comments

  1. aku mau nyoba beginian, keyaknya menarik untuk aku terapin di blog satunya...

    ReplyDelete

Komentarlah yang sopan
Jangan spam
Dilarang gunakan link aktif
Dilarang komentar yang menyinggung SARA dan berkonten negatif

Terima kasih :)