Panduan Penempatan Kode Iklan pada Blog

Meletakkan iklan pada blog perlu mengotak-atik kode iklan dan kode HTML pada template blog. Tidak harus banyak yang dipelajari, kali ini hanya cara sederhana saja untuk meletakkan di posisi mana iklan tersebut ditempatkan. Dengan memasang iklan pada postingan blog, iklan tersebut bisa menggantikan image atau gambar yang ditempelkan pada blog. Melalui cara ini, setiap laman postingan blog Anda secara otomatis akan tercantum iklan. Jadi Anda tidak perlu berulang-ulang memasang iklan pada blog Anda. Dalam panduan ini terdapat beberapa cara meletakkan iklan di kanan, di tengah, atau di kiri bagian atas postingan artikel pada blog Anda.

Bagaimana cara menempatkan iklan di atas postingan artikel?

Silakan login ke akun blogger Anda dan memilih tab template, kemudian pilih mode HTML. Temukan kode <data:post.body/>
Agar lebih mudah silakan menekan CTRL + F dan pastekan kode tersebut lalu tekan enter. Setelah Anda menemukan kode tersebut, letakkan kode berikut ini di atas kode yang telah Anda temukan tadi.

Kode ini digunakan untuk menempatkan iklan di sebelah kiri postingan

<div style="float:left; margin-right:15px;margin-bottom:15px">
....
...KODE Iklan...
...
</div>

Kode ini digunakan untuk menempatkan iklan di sebelah kanan postingan

<div style="float:right; margin-left:15px;margin-bottom:15px">
....
...KODE Iklan...
...
</div>

Kode ini digunakan untuk menempatkan iklan di tengah postingan

<div style="margin-left:15px;margin-bottom:15px">
.<center>
...KODE Iklan...
.</center>
</div>

Silakan masukkan kode iklan Anda dengan mengganti tulisan "kode iklan". Sesuaikan posisi iklan berdasarkan keinginan Anda.

Apabila Anda ingin menempatkan iklan di bawah artikel postingan blog, letakkan kode di atas tepat di bawah kode <data:post.body/>

Bagaimana cara menempatkan iklan setelah paragraf pertama?

Silakan lakukan hal serupa. Temukan kode <data:post.body/>
Ganti kode <data:post.body/> dengan kode berikut ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style='display:block;text-align: center'>
----Kode IKLAN---
</div>

</b:if>
<div id='adsense-target'><data:post.body/></div>
<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 adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>
</div>

Bagaimana cara menempatkan iklan di bawah atau di atas judul artikel?

Letakkan kode iklan Anda di bawah kode <data:post.title>

Temukan kode tersebut dengan cara serupa. Begitu pula jika ingin menempatkan iklan di atas judul blog, Anda tinggal meletakkan kode iklan di atas kode tersebut

Bagaimana cara menempatkan iklan belayang di kanan dan kiri blog?

Kali ini Anda harus beralih pada menu tab Tata Letak. Klik tambah Gadget dan pilih widget Java Script lalu tempatkan kode berikut ini:

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
 
<!--start: floating ads-->
<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
<div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6g4CTFsPeUV8o5U0w6MVG1B_vii6pBf9YxoouRVOEqLc0qWog9FWdlX7VT1axbTyZcgWueloQze7wEimiMJhbKBkRcWw8zYUaZpcHGkNDVeBPje2NWpeO7401Us_WeQubNqgyndxiKCKF/s1600/close3.png' alt='close' title='close button'/></center></a></div>


<!--Mulai disini-->


<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog-->


<!--Akhir disini-->
</div>
<!--end: floating ads--> 
 
<!--start: floating ads-->
<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
<div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6g4CTFsPeUV8o5U0w6MVG1B_vii6pBf9YxoouRVOEqLc0qWog9FWdlX7VT1axbTyZcgWueloQze7wEimiMJhbKBkRcWw8zYUaZpcHGkNDVeBPje2NWpeO7401Us_WeQubNqgyndxiKCKF/s1600/close3.png' alt='close' title='close button'/></center></a></div>


<!--Mulai disini-->


<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->


<!--Akhir disini-->
<!--end: floating ads--></div>

Demikian panduan penempatan kode iklan pada blog kali ini. Selamat mencoba!

Tweet