Home » » cara membuat iklan melayang di bawah blog dengan tombol close

cara membuat iklan melayang di bawah blog dengan tombol close

cara membuat iklan melayang di bawah blog dengan tombol close - space iklan merupakan ruang kosong untuk para pembaca menempatkan baner iklan mereka di blog sobat!
sobat bisa menempatkan space iklan sobat di sidebar, header , dan footer sobat.. kali ini saya akan berbagi cara membuat iklan di footer sobat!! space iklan berikut tidak menempel di template sobat. space iklan ini akan melayang di footer sobat dengan tombol close!!!

ok langsung ni sob ke cara membuatnya
1.login ke blog sobat
2.tata letak > tambah widget> HTML/JavaScript
3.tambahkan script berikut
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2VXr1OGJxvN-j_hxJTaaClnTrFzx0M8l7Bi_tknZXhyiYIk_ilqVD4ugyTHKnVrkSoDx0ntySNlDjLNTB8tx3hMlElNxjhxUQ15PJwOT55GxnZA0JiXPSsB8HquvO0f-9KR8LtNI6D6J4/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://www.saktobek.blogspot.com/" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYj9UQOEHRY6OOwktRBH1ZxF_hFkDWkCwtQtajRw1ksfc8bn0nXKlkuFNOkmECAx20cWKDi0R1rLD5dwIX29e_6uysf85YtcWeyPyyA3KmvBWS3iRmhBPwe4Lz39yO7Ev4FMJlSICHW0Y/s1600/advertise.jpg" /></a>
</center></p>
</p>
</div>
 ganti http://www.saktobek.blogspot.com/ dengan url tujuan jika space iklan sobat di klik

ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYj9UQOEHRY6OOwktRBH1ZxF_hFkDWkCwtQtajRw1ksfc8bn0nXKlkuFNOkmECAx20cWKDi0R1rLD5dwIX29e_6uysf85YtcWeyPyyA3KmvBWS3iRmhBPwe4Lz39yO7Ev4FMJlSICHW0Y/s1600/advertise.jpg dengan url gambar sobat

4.save widget
5.done!!!

12 komentar:

  1. saya masih newbie nih .. wih Keren abis gan Postingnya , kunjungan perdana nih .. dimohon kunjungan baliknya yaa gan :)

    ReplyDelete
  2. nice share
    angelusfermi.blogspot.com

    ReplyDelete
  3. thanks gan infonya ... pasti keren nih hasilnya

    ReplyDelete
  4. DOWNLOAD IDM LATEST VERSION 6.16 WITH 1 YEAR SERIAL KEY 50% INCREASE IN DOWNLOADING SPEED DOWNLOAD FREE FROM HERE-->>> www.argames786.blogspot.com

    ReplyDelete
  5. Makasih gan infonya, di coba udh berhasil tpi sayang menggangu penglihatan pengunjung ya..

    ReplyDelete
  6. bagus infoxa,,,udah nyoba nih tpi slider blognya jadi gak jalan, knpa ya???

    ReplyDelete
  7. terima kasih infonya, salam blogger dan sukses selalu
    http://giribig.com/
    http://www.duniagame.info/
    http://www.idcheat.com/

    ReplyDelete
  8. Hebat gan tutorialnya... sudah dicoba berhasil bagus..
    Salam kenal..
    Ditunggu kunjungan baliknya di :

    http://miniblogger28.blogspot.com

    ReplyDelete
  9. terimkasih gan untuk tipsnya,aye tunggu tips selanjutnya.

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...
GET UPDATE VIA EMAIL
Berlangganan artikel via email!
reader