Menempatkan Kode Adsense di Blog secara Manual 3

Memasang Iklan di Header, Sidebar dan Footer

Anda bisa meletakkan iklan adsense pada header, sidebar maupun di footer pada template blog,untuk memasangnya bisa secara langsung melalui widget.

Masuk ke dashboard blogger > Tata letak > Tambahkan gadget, setelah itu pilih gadget HTML/Javascript Tempatkan kode unit iklan yang sudah anda dapatkan, lalu klik simpan.

Memasang Iklan di bawah judul postingan

Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di bawah judul blog, membaur dengan teks postingan,sesuai selera anda bisa di pasang di kiri ataupun di kanan, tetapi sebelumnya anda harus memparse kode iklan terlebih dahulu, silahkan menuju halaman Parse Kode

Catatan : Pastikan Untuk tanda kutip (') bukan tanda koma di atas (,) pada setiap baris kode yang kita pasangkan saat anda copy paste kode yang ada di blog lain/halaman ini atau kode yang setelah di parse. Karna jika tanda koma di atas yang terpasang script akan terjadi error.

Sebelumnya harus menabahkan Tag di antara kode iklan tersebut.

Masuk ke dashboard blogger > Template > edit HTML
Cari dan temukan kode <data:post.body/> dengan menekan CTR+F
Untuk <data:post.body/> bisa terdapat 2 sampai 3 kode yang sama pada template
Pilihlah <data:post.body/> yang ke 2 atau ke 3 atau bisa di coba satu persatu
Lalu tempatkan kode di bawah ini tepat di atas kode tersebut. Jadinya akan terlihat seperti dibawah ini.

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

Untuk meletakkan iklan di kiri, anda bisa menambahkan left
Untuk meletakkan iklan di kanan anda bisa menambahkan right
Untuk meletakkan iklan di tengah anda bisa menambahkan center

Jangan lupa untuk “Pratinjau “dulu sebelum di simpan untuk berjaga-jaga, setelah semuanya oke baru kemudian menyimpan nya untuk perubahan.

Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di tengah tengah posting membaur menjadi satu dalam artikel. Kode unit iklan juga harus di parse terlebih dulu.

Untuk melakukan ini harus di kerjakan secara hati hati, sebab ada kemungkinan terdapat gambar di tengah-tengah postingan, hal ini akan menyebabkan “bentrok” antara kode iklan dengan gambar, kerjakan dengan seksama dan teliti.

Masuk ke dashboard blogger > Template > edit HTML
Cari dan temukan kode <data:post.body/> yang di tandai dengan tag kondisional post body yang menampilkan halaman posting bukan pada homepage. Seperti contoh di bawah ini.

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

Tambahkan kode <div id='middle'> di atasnya,dan kode </div> di bawahnya. Sehingga menjadi seperti ini.

<div id='middle'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if></div>

Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atas kode </body>

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

Sebelum di simpan alangkah baiknya di pratinjau dahulu, barangkali ada kesalahan dalam penepatan kode. Setelah semua selesai baru klik simpan untuk melihat perubahan.

Memasang iklan di bawah postingan

Anda bisa meletakkan iklan adsense di bawah postingan blog, bisa di atur untuk peletakan nya, di kiri, kanan ataupun di tengah.

Masuk ke dashboard blogger > Template > edit HTML
Cari dan temukan kode <data:post.body/> dengan menekan CTR+F
Karena <data:post.body/> yang tag kondisional sudah di gunakan, cari kode <data:post.body/> yang di bawahnya
Setelah itu copy kode di bawah ini tepat di bawah kode <data:post.body/>