Cara Membuat Widget Blog Melayang

Ingin mempercantik blog dengan banner, iklan, kata-kata melayang? Berikut sedikit cara untuk membuat hal itu terwujud.

Pertama, pilih Tata Letak pada Dashboard blog anda.

Kedua, tambahkan widget/gadget "HTML/JavaScript"

Ketiga, Paste kode dibawah ini pada widget tersebut.

<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> <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: 50px; z-index: 9999;'>
 <div style='text-align: right; width: 735px; height: 3px;'>
 <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDgTcq_eEoMEvQHZ_-nwQ-n2q5Nj4HkuZWoYsPTKjaD1b0Ba5iP7Z4NqpjxfJlfUcq7FngPT13dOExunk6oOoU7Un1qa9B4kO9NZoE9dRfrq2hNemKS_zz_y6RB2hcbieyyoLGiJfmjg/s1600/close-icon.png'/></div>
<div style='clear: both;'>
</div>
<p>
<p>
<center>

</center>
</p>
</p>
</div>
</scriptsrc='http:>

Keempat, ganti script antara tag "<center>" dan "</center>" dengan script iklan, banner, gambar atau apapun yang anda mau.

Kelima, simpan

Keenam, silahkan lihat hasilnya... :-)

Cara Membuat Widget Blog Melayang

Posting Komentar

Formulir Kontak