Aizzan Blog -- Hari ini saya akan meluangkan sedikit waktu untuk berbagi tutorial terbaru yang pastinya sudah saya lakukan atau saya uji coba dahulu dan hasilnya 100% pasti berhasil, tutorial tersebut adalah cara membuat widget hide-show di blog yang muncul hanya di laman atau artikel saja. Kelebihan lainnya yaitu widget ini akan muncul ketika sobat scroll ke bawah dan akan hilang ketika sobat scroll keatas, dan tentunya ini tidak akan mengganggu para pembaca blog sobat sendiri. Screen shot ada di bawah ini bisa sobat lihat
![]() |
Aizzan Blog: Membuat Widget Hide-Show di Blog |
Berikut ini adalah tahap - tahap untuk membuat widget hide-show di blog
1. Buka blogger.com
2. Login ke akun sobat
3. Masuk ke "Tata Letak"
4. Klik pada "Tambahkan Gadget"
5. Pilih "HTML/JavaScript"
6. Masukkan kode di bawah ini
<!--Slidbox -->
<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background: #ffffff repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:300px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#808080;"><center>Aizzan BLog di Facebook</center></strong>
>>>Masukkan kode script sobat<<<
</div></div>
<!--Slidbox end -->
Ganti "Aizzan Blog di Facebook" dengan judul widget sobat
7. Simpan dan lihat hasilnyaSemoga artikel di atas dapat bermanfaat dan berguna bagi semuanya, jikalau ada kendala, kritik dan saran silahkan kirim melalui form kotak komentar di bawah blog ini.
0 Komentar