Widget AutoHide Floating with Close Button
Motivation - Kali ini saya akan membagikan tutorial "Widget AutoHide Floating with Close Button". Anda Dapat memasang widget-widget seperti Widget Floating Facebook, Twitter, Instagram, Shoutbox, dsb. Widget ini dapat anda pasang dengan cara:
- Login ke Blogger >> Dashboard >> Tata Letak >> Add Gadget >> HTML/Javascript
- Masukkan Kode Script dibawah ini:
<style type="text/css">
.gb_fixed{
position:fixed;
top:50px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:3px solid #F70415;
background:#FC6A84;
right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
MASUKKAN CODE SCRIPT WIDGET DI SINI
<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL GAMBAR BUTTTON CLOSE"/></a></center></div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL GAMBAR BUTTON WIDGET FLOATING"/></a> - Ket:
- Teks Berwarna Biru Adalah kode warna Border (Garis Pinggir Widget)
- Teks Berwarna Merah Adalah Kode Warna Background
Nah, Itulah Tutorial "Widget AutoHide Floating with Close Button". Semoga Bermanfaat, Terima Kasih.
COMMENTS