Sunday, September 16, 2018

Cara Menampilkan/Memasang Iklan Di Tengah Postingan Blogger Fix Kode Yang Error

Setelah sekian lama kali ini saya akan membagikan tutorial tentang blogger sekalian untuk back-up kalo-kalo saya lupa caranya juga hehe.. oke kali ini saya akan membagikan cara untuk memasang atau menampilkan Iklan di tengah postingan pastinya tanpa error kode yang seringkali beberapa kodenya keluar saat tampil di postingan.

Oke langsung saja untuk memasang Iklan di tengah postingan silahkan ikuti tutorial berikut :

#1 : Masuk/Login dulu ke account adsense kalian, kemudian pada bagian menu panel di samping kiri silahkan pilih Iklan Saya pada bagian Content pilih lagi Unit Iklan seperti yang saya lingkari pada gambar di bawah



#2 : Kemudian pilih tombol " +Unit iklan baru " yang berada di pojok kiri atas


#3 : Ketiga pilih jenis iklan " Iklan InArticle " silahkan masukkan nama iklan dan pilih " Simpan dan Dapatkan Kode " kemudian copy kode iklan yang muncul

#4 : Keempat setelah kode iklan kalian copy silahkan di parse dulu kodenya, silahkan Klik Disini atau jika tidak work coba Disini

#5 : Kemudian copy dulu kode di bawah ini ke dalam notepad kemudian ganti tulisan yang di perintahkan dalam kode dengan kode adsense yang sudah kalian parse :

<div expr:id='&quot;post1&quot; + data:post.id'/><div class='googlepublisherads' style='margin:20px 0'><center>ganti tulisan ini dengan kode iklan</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>


Sekarang silahkan buka Blogger > Tema > Edit HTML, lalu tekan tombol " Ctrl + F " lalu cari kode berikut :


<data:post.body/>

Jika sudah ketemu silahkan di ganti/timpa kode <data:post:body/> dengan kode yang sudah kalian dapatkan tadi.

Kemudian klik Simpan dan silahkan di test jika gagal silahkan masuk lagi ke Edit HTML kemudian tekan " Ctrl + Z " untuk mengembalikan kode <data:post:body/> yang pertama sudah kalian timpa tadi dan cari kode <data:post:body/> yang lainnya dan coba di ganti/timpa lagi. Jadi intinya karena kode <data:post:body/> ada banyak silahkan di coba ganti/timpa satu per-satu hingga kode iklan di tengah artikel work.

Jika sudah work masih di Edit HTML cari kode :

]]></b:skin> atau </style>

Kemudian tambahkan kode berikut di atasnya/sebelumnya tujuannya agar iklan tampak rapi.

.googlezet{margin:15px auto;text-align:center}

Kemudian klik simpan hasilnya bisa kalian lihat contoh postingan di blog saya sudah ada iklannya hehe..

Bagaimana sukses, jika ada kesulitan atau apapun itu silahkan tinggalkan komentar kalian di bawah, terima kasih.

Add Comments


EmoticonEmoticon