Home » , » Cara Memasang Kode Iklan AdSense Di Blogspot

Cara Memasang Kode Iklan AdSense Di Blogspot

Posted by RSB - Rumah Seo Blogger

Cara Memasang Kode Iklan AdSense Di Blogspot tutorial ini RSB-RumahSeoBlogger sajikan untuk blogger pemula yang baru di terima oleh Google AdSense dan masih kebingungan untuk memasang kode iklan pada blog sobat.

Bagi blogger yang sudah lama berkecimpung di dunia blogger pastinya tidak akan ada masalah untuk memasang kode AdSense di blog sobat semua, tapi bagi blogger yang baru memulai belajar ngeblok pastinya akan ada sedikit kendala, seperti saya dahulu juga pernah mengalami hal ini,hingga harus kesana kemari untuk mencari artikel untuk memasang kode iklan yang di berikan oleh Google AdSense.

Untuk penempatak kode iklan AdSense bisa sobat letakkan dimana saja terserah sobat yang penting berpeluang besar akan ada visitor yang merespon untuk mengklik, emang tidak mudah untuk memasang iklan AdSense yang berpeluang besar akan ada visitor yang mengeklik, yang terpenting kita sesuakan dengan template kita dahulu agar mendapatkan tempat yang ideal untuk kita pasang kode iklan tersebut.

Untuk mendapatkan kode unit iklan AdSense, silahkan Login ke akun AdSense sobat dahulu dan setelah sobat masuk di dasbord silahkan sobat semuanya masuk ke halaman iklan saya, terdapat beberapa pilihan serta ukuran yang dapat kita semua sesuaikan  pada template blog sobat semuanya.

Dibawah ini akan RSB-RumahSeoBlogger akan sedit berikan gambaran penempatan iklan Google AdSense rekomendasi dari RSB-RumahSeoBlogger silahkan sobat sesuaikan pada template sobat semuanya.


  • Memasang kode iklan di header, Sidebar dan Footer
Memasang kode iklan. Sobat dapat memasang atau meletakkan kode iklan AdSense pada sisi header, Sidebar maupun di Footer pada bilah sisi template pada blog sobat semuanya, untuk memasangnya sangatlah mudah bisa langsung  memasangnya melalui widget blog sobat semuanya. 

Cara memasang widget? 

  • Masuk ke Dasbord Blogger
  • Pilih Tata Letak
  • Klik Tambahkan Widget
  • Setelah itu pilih Gadget "HTML/JAVASCRIPT" 
Copy dan Pastekan kode iklan yang anda dapatkan tadi di dalam kolom Gatget "HTML/JAVASCRIPT" Setelah itu klik simpan dan lihat hasilnyaa. 

  • Memasang Iklan Dibawah Postingan. 
Sobat semuanya dapat meletakkkan kode iklan AdSense kedalam postingan atau artikel sobat pada blog, tempatnya bisa di awal artikel, tengah dan akhir artikel, RSB-RumahSeoBlogger akan bahas satu per satu. 

Kita akan memasang langsung di CSS dari template kita maka dari itu Sobat semuanya harus MEMPARSE kode iklan yang kita dapatkan dari Google AdSense terlebih dahulu. 


Memasang dibawah Postingan pada blog. 
  • Masuk ke Dasbord >  Template > Edit HTML
  • Cari Kode <data:post.body/> untuk memudahkan klik CTRL+F
  • Biasanya kode <data:post.body/> bisa kita temukan lebih dari 1 pada template
  • Pilihlah yang ke 2 atau ke 3 biar lebih memastikannya cobalah satu per satu
  • Silahkan copas kode dibawah ini tepat DIATAS kode tersebut

<div style=’float:left;padding-right:10px;’>
kode iklan anda yang sudah diparse
</div>


  • Untuk kode berwarna merah left dikiri untuk dikanan right untuk di tengah center silahkan sobat sesuaikan sendiri. 
Jika rasa sobat sudah menerapkan dengan benar tapi untuk menyakinkannya silahkan sobat klik "Pratinjau" terlebih dahulu untuk memastikan iklan sudah berjalan sesuai kemauan. 

  • Memasang Iklan ditengah Postingan. 
Memasang iklan ditengah Postingan. Anda dapat juga menerapkan iklan AdSense anda di tengah postingan pada blog sobat. Tapi menurut RSB-RumahSeoBlogger jangan memasang kode iklan di tengah  postingan, pengalaman saya pada blog saya yang lainnya tidak saya pikirkan dahulu ternyata iklan yang saya pasang bentrok pada gambar artikel saya, jadinya artikel saya jadi berantakan, tapi jika sobat tetap ingin memasangnya saya akan kasih tutorialnya di bawah. 

  • Masuk ke Dasbord >  Template > Edit HTML
  • Cari Kode <data:post.body/> uYang ditandai Kode  Tag kondisional Post body yang menampilkan halaman posting bukan pada home page. 
Seperti contoh di bawah ini. 

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

Tambahkan kode <div id='jobmiddlenew'> Letakkan kode disamping diatanya dan tepat di bawahnya kode </div> sehingga akan menjadi seperti di bawah ini


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

Setelah itu cari kode </body>  dan pastekan kode dibawah ini tepat di ATAS kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <style>
 #addcodemiddle{display: none;}
 </style>
 <div id='addcodemiddle'>
Kode iklan yang sudah di parse    </div>
 <script type='text/javascript'>
 var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
 var str2=str1.length;
 var str3=str2/2;
 var substr = str1.substring(str3, str2);
 var n = substr.search(&quot;&lt;br&gt;&quot;);
 if(n&lt;0)
 {
 n = substr.indexOf(&#39;.&#39;);
 if(n&lt;0)
 {
 n=0;
 }
 var firsthalf = str1.substring(0, str3+n+1);
 var secondhalf = str1.substring(str3+n+1, str2);
 }
 else
 {
 var firsthalf = str1.substring(0, str3+n+4);
 var secondhalf = str1.substring(str3+n+4, str2);
 }
 var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;
 var newbody=firsthalf+addcode+secondhalf;
 var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
 strnew[0].innerHTML=newbody;
 document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
 </script>
 </b:if>


Sebelum disimpan anda klik PRATINJAU Terlebih dahulu sebelum menyimpannya untuk menantisipasi adanya eror pada template yang akan berakibat fatal pada blog sobat. 

Jika semuanya berjalan seperti apa yang kita inginkan setelah itu baru sobat semuanya klik SIMPAN  Sudah jadi iklan sudah nampak di tengah postingan blog sobat. 


  • Memasang Kode Iklan Dibawah Postingan. 
Dan sekarang yang terakhir memasang kode iklan dibawah postingan. Seperti diatas andapun dapat menemtukan letak iklan anda pada blog sobat apakan mau ditaruh di kiri atau di tengah dan bisa juga anda letakkan di kanan posting, silahkan sobat semua sesuaikan sendiri mau di tempel disisi mana. 

Langsung aja gak usah berlama-lama. 

  • Masuk ke Dasbord >  Template > Edit HTML
  • Cari Kode <data:post.body/> untuk memudahkan klik CTRL+F
  • Karena kode  <data:post.body/> tak kondisional sudal digunakan pada pertama tadi sekarang kita akan meletakkan kode  <data:post.body/> dibawahnya. 
  • Selanjutnya copas kode dibawah ini tepat dibawah  kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>
Kode iklan yang sudah di parse
</div>
</b:if>

  • Untuk kode berwarna merah left dikiri untuk dikanan right untuk di tengah center silahkan sobat sesuaikan sendiri. 
Pratinjau dan save jika sudah terpasang dengan baik kode iklan diatas. 

Selesai sudah dan selamat mencoba lakukan dengan teliti, saran RSB-RumahSeoBlogger bakup dahulu template sobat, ini akan memudahkan sobat jika ada kesalahan yang fatal, pada pengeditan pada kode HTML template blog sobat semuanya. 

Jika ada pertanyaan silahkan tanyakan dikolom komentar. 


2 comments:

  1. Mantap gan artikelnya padat panjang dan jelas. Ijin nyoba gan artikelnya

    BalasHapus
    Balasan
    1. Terima kasih gan selamat mencoba semoga sukses

      Hapus

Jangan membuang waktu Anda jika hanya untuk melakukan "spam" di Blog RSB-RumahSeoBlogger ini. Karena, komentar yang Anda tuliskan menunjukkan tingkat kualitas diri Anda menjadi seorang Blogger.


Salam blogger