Cara Memasang Banner Di Blog Dengan Gampang Dan Cepat

Cukup gampang bukan cara memasang Banner di blog sesuai dengan ukuran yang di ingginkan, kini tinggal cukup anda menentukan dimana Banner atau Iklan akan di letakkan. Untuk pemasangan di sekitar sidebar atau di atas header anda cukup menambahkan Gadget, sedangkan untuk memasang di dalam postingan blog anda harus masuk di Edi Template, berikut ialah cara lengkapnya.

Cara memasang Iklan di atas Postingan Blog :

• Masuk ke akun Blogger sobat
• Klik Template, Edit HTML
• Sebelum di Edit HTML silahkan klik Cadangkan/Pulihkan, Unduh Template untuk menyimpan Template untuk jaga jaga apabila terjadi Error.
• Klik di tengah code HTML dantekan Ctrl+F untuk mencari
• Cari Code ini : <data:post.body/> maka anda akan melihat Code menyerupai di bawah ini, silahkan masukkan code Iklannya : <b:if cond=’data:blog.pageType == &quot;item&quot;’> ..Tambahkan isyarat iklan Yang Sudah Diparse Disini.. </b:if>
• Untuk memasang sempurna di tengah atas postingan silahkan masukkan isyarat HTML menyerupai ini : <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div style=’margin:0 auto 10px;text-align:center;’> ..Salin Kode Iklan yang Diparse Disini.. </b:if> </div>
• Jika inggin iklan berada di atas samping kiri postingan silahkan memakai isyarat ini : <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div style=’float:left;margin:0 10px 10px 0;’> ..Salin Kode Iklan yang Diparse Disini.. </b:if> </div>
• Klik Simpan Template

Cara pasang iklan Adsense di antara Postingan Blog :

• Masuk ke akun Blogger sobat
• Klik Template, Edit HTML
• Cari Kode <data:post.body/> Lalu ganti isyarat tersebut dengan isyarat HTML berikut ini : <div expr:id='”iklan1″ + data:post.id’></div> <div style=”clear:both; margin:10px 0″> <b:if cond=’data:blog.pageType == &quot;item&quot;’> Letakan isyarat iklan di sini </b:if></div><div expr:id='”iklan2″ + data:post.id’><data:post.body/></div><script type=”text/javascript”>var obj0=document.getElementById(“iklan1<data:post.id/>”);var obj1=document.getElementById(“iklan2<data:post.id/>”);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(” “);if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}</script> 
• Klik Simpan Template.

Cara pasang iklan atau banner melayang di samping kanan dan kiri blog :

• Masuk ke akun Blogger sobat
• Klik Tata Letak
• Di sidebar klik Tambah Gadget
• Copy isyarat di bawah ini untuk goresan pena warna Merah ganti dengan isyarat iklan anda untuk tampil di Samping Kiri dan untuk warna Biru untuk tampil di Samping Kanan blog.

<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=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/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=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/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>

Untuk menciptakan isyarat HTML untuk Banner sesuai ukuran silahkan kembali lihat Cara menciptakan isyarat HTML untuk memasang Banner / Gambar Iklan di Blogspot di atas. Demikian tutorial lengkap cara menciptakan dan memasang Banner / Iklan di blogspot dengan gampang dan cepat, Semoga bermanfaat.