mau memasang widget iklan melayang dengan tombol close? lihat gambar di atas.
caranya mudah sekali ikuti langkah cara memasang widget iklan melayang dengan tombol close berikut:
silakan copy kode berikut:
<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:190px; 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/AVvXsEg94GWAcwB1qOZ-7vCxYDvnuFcYlXB9-VsnEkYIWyazXN109gps0TLrAqmTys884GPVWjhp_ElBRcOnwGHg-SCrRcLVG8K44LiFPgbjnvjVIMlKSTrG3ZEfqYrV1a9SOjdL9wN8TlBf8-FK/s1600/close3.png' alt='close' title='close button'/></center></a></div> <!--Mulai disini--> <style type="text/css"> /*widget*/ #rp_plus_img{overflow:hidden;border:solid 1px #ddd;padding:10px; background-color:none;line-height:0.7em;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0;} #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:70px;padding:1px;list-style:none;} #rp_plus_img a{color:#3366ff;} #rp_plus_img .news-title{display:block;font-weight:60px !important;margin-bottom:5px;font-size:10px;} #rp_plus_img .news-text{display:block;font-size:7px;font-weight:normal !important;color:#282828;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:60px;border-radius:4px;} </style> <!-- start --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/random-post-bergerak-seocips.js"></script> <script type="text/javascript"> var speed = 400; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 20; var numchars = 0; </script> <script src="https://pakrus.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> <!-- /end --> <!--Akhir disini--> </div> <!--end: floating ads--> <!--start: floating ads--> <div id="teaser3" style="width:180px; height:0; 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/AVvXsEg94GWAcwB1qOZ-7vCxYDvnuFcYlXB9-VsnEkYIWyazXN109gps0TLrAqmTys884GPVWjhp_ElBRcOnwGHg-SCrRcLVG8K44LiFPgbjnvjVIMlKSTrG3ZEfqYrV1a9SOjdL9wN8TlBf8-FK/s1600/close3.png' alt='close' title='close button'/></center></a></div> <!--Mulai disini--> masukkan kode iklan anda (melayang di sebelah kanan) <!--Akhir disini--> <!--end: floating ads--></div> |
cara memasang widget iklan melayang di blog dengan tombol close:
baca juga : cara membuat kotak script dengan scroll vertikal
1. masuk ke blogger.com
2. kilk " tata letak "
3. klik " tambah gadget "
4. klik" html / java script"
5. masukkan paste " kode " yang sudah anda copy diatas. ( tulisan berwarna ungu ganti dengan kode iklan anda )
6. klik " simpan "
selesai, iklan anda akan muncul di sebelah kiri dan kanan blog dengan tombol close, selamat mencoba