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.

Motivation_2014Arsip