• Translate

9/14/2015

Cara Membuat Widget Banner Disamping Kiri dan Kanan Blog

Tutorial Blogspot |

Advertisement

Cara Membuat Widget Banner Melayang Disamping Kiri dan Kanan Blog | Bagi sobat yang sedang belajar untuk berbisnis periklanan secara online baik itu dengan menggunakan blog atau atau lainnya, posisi iklan yang strategis adalah disamping kiri dan kanan blog.

Cara Membuat Widget Banner Melayang Disamping Kiri dan Kanan Blog

Untuk membuat tampilan banner berada disamping kiri dan kanan blog, silahkan sobat ikuti cara-cara dibawah ini :
  • Login dan masuk ke dashboard Blogger
  • Klik Tata Letak → Lalu Tambahkan Gadget → Pilih HTML/JavaScript
  • Kemudan Copy Script HTML/Javascript dibawah ini:
<!-- floating ads alltutorials.info -->
<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 alltutorials.info-->
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">
<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.alltutorials.info/"><img border="0" src="http://2.bp.blogspot.com/-559zsDkQi9w/UwBwiLx4sDI/AAAAAAAACgo/4jpQXGeEHJU/s1600/banner160x600+(1).jpg" /></a></div>
<br />
<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads alltutorials.info-->

<!--start: floating ads alltutorials.info-->
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">
<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.alltutorials.info/"><img border="0" src="http://2.bp.blogspot.com/-559zsDkQi9w/UwBwiLx4sDI/AAAAAAAACgo/4jpQXGeEHJU/s1600/banner160x600+(1).jpg" /></a></div>
<br />
<!--Akhir Iklan Kanan-->
</div>
<!--end: floating ads alltutorials.info-->
  • Tulisan yang berwarna Merah silahkan diganti dengan Script Iklan sobat.
  • Simpan, dan refresh halaman blog sobat.
Sekian dulu tutorials tentang Cara Membuat Widget Banner Disamping Kiri dan Kanan Blog, semoga bermamfaat.

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

No comments Add Comment

Comments not appropriate topic will sign SPAM.