20/08/15

Cara Buat Banner Iklan melayang di Samping Kiri dan Kanan Blog



Assalamualaikum wr wb..

Apa Kabar Sobat Bukasitusmu.info ..?? Mudah2an Semua Baik dan Sehat serta tetap dalam Lindungan Allah SWT Amiiinn..

Admin ingin berbagi Tips & Trik Bagaimana Cara Buat Banner Iklan melayang di Samping Kiri dan Kanan Blog, Sumbernya sich sama saja masih dari Mbah google dan Artikel Blog tetangga juga he..he..
Untuk Dokumentasi Pribadi sekaligus membagi Ilmu berikut admin Share cara yang sangat mudah untuk membuatnya :

1. Masuk ke akun Blogger Sobat
2. Pilih Menu TATA LETAK kemudian ADD WIDGET
3. Pilih HTML/Java Script dan Pastekan Kode Berikut :


<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script><br />
<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><br />
<!--start: floating ads masanwar.com--><br />
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCQNZMlneXbaixGwnaHeaxSWkoZLOZqMzLa2-z4iA-0pMg50R-TLOSyqbcl2abcqvekZs06QjnCMzX6SmUpml70Wi8XHBFdpkXUNUE17cudw51qMRIiJQwoN-zj-c6yLLLq8uGvA3x8yM/s1600/PhoXo2.png'/></center>
</a><br />
</div>
<!--Mulai Iklan Kiri--><br />
<a title="Pasang Iklan Murah" href="http://www.bukasitusmu.info/" target="_blank"><img alt="Advertisement" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNVxLtiMrM4uvSUFyGXovfF6uhY5Jhyfr9JD974FyKciranNzDs5mVnSF1yXKUCMe44pAL_5gxHSPmzOX2Hnf7cj-wZBwNT3GmTKlXre3AZvZR1EMD7rmdLId4BMh4J9SoBh3ZgEbhTGco/s1600/banner-space-iklan-160x600.JPG" width="160px" height="600px"/></a><br />
<!--Akhir Iklan Kiri--><br />
</div>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCQNZMlneXbaixGwnaHeaxSWkoZLOZqMzLa2-z4iA-0pMg50R-TLOSyqbcl2abcqvekZs06QjnCMzX6SmUpml70Wi8XHBFdpkXUNUE17cudw51qMRIiJQwoN-zj-c6yLLLq8uGvA3x8yM/s1600/PhoXo2.png'/></center>
</a><br />
</div>
<!--Mulai Iklan Kanan--><br />
<a title="Pasang Iklan Murah" href="http://www.bukasitusmu.info/" target="_blank"><img alt="Advertisement" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNVxLtiMrM4uvSUFyGXovfF6uhY5Jhyfr9JD974FyKciranNzDs5mVnSF1yXKUCMe44pAL_5gxHSPmzOX2Hnf7cj-wZBwNT3GmTKlXre3AZvZR1EMD7rmdLId4BMh4J9SoBh3ZgEbhTGco/s1600/banner-space-iklan-160x600.JPG" width="160px" height="600px"/></a><br />
<!--Akhir Iklan Kanan--><br />
</div>

4. Beri Nama dan Simpan WIDGET, Setelah itu Sobat bisa lihat hasilnya

Cara ini sudah admin coba dan 100% WORK !!

Semoga Informasi ini bermanfaat & dapat membantu, Kurang lebihnya Mohon Maaf, Terima kasih

4.5
Share:

0 komentar:

Posting Komentar

Blog Archive

Definition List

Unordered List

Support