Hello sobat blogger! Ketemu lagi dengan saya. Sebelumnya saya telah memposting tentang
cara memasang slideshow di postingan blog dan
cara menambahkan effect pelangi di blog. Sekarang saya akan mengajarkan kepada Anda tentang cara membuat iklan yang melayang di blog.
Mungkin Anda sering melihat di blog orang itu ada iklan-iklan yang melayang di blognya seperti blog saya ini [akan di buat]. Iklan-iklan itu akan terus mengikuti scroll mouse kita, dia tidak akan hilang kecuali kita mengklik salah satu iklan itu atau dengan menekan tombol closenya 2x. Sekarang saya akan mengajarkan kepada Anda cara membuatnya. Simak baik-baik langkah di bawah ini.
Cara membuat iklan yang melayang di blog ::
1. Login dulu ke blogger
2. Pilih tata letak dan kemudian pilih tambah gadget
3. Pilih HTML/JavaScript
4. Masukkan kode-kode di bawah ini :
<!-- Awal footer iklan -->
<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: 100px; z-index: 9999;'>
<div style='text-align: right; width: 730px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwwE7GoRCgeSI_3sYbeimJiGVAxHA-HA4jrK5tgo4P7CwB4pfxT5xCeOYlrhXI5HTEZzwMlwrC8GR_hNK-gS-0TBkwTnLcWo3LEOSfrmyGPbhF2aWoDJSQBfqQGCJND-qZJID7mSXPAg8U/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Letakkan kode iklan Anda di sini</center></p>
</p>
</div>
<!-- Akhir footer iklan -->
5. Kemudian tinggal di save
6. Selesai.
Title : Membuat Iklan yang Melayang di Blog
Description : Hello sobat blogger! Ketemu lagi dengan saya. Sebelumnya saya telah memposting tentang cara memasang slideshow di postingan blog dan cara...