Mebuat Gadget Tersembunyi di Samping Kiri/Kanan

Hai hai .. Jumpa lagi dengan saya si ganteng dari gua hantu . . hee ..
teman - teman blogger sejati Xini saya membahas tentang giman cara membuat gadget melayang di samping kiri/kanan blog anda,, kemarin ada seorang sahabat blogger saya yang menanyakan hal tersebut.. ini dia jawabannya .. hee to D'point wae lah ..



Cara membuat gadget tersembunyi di samping kiri/kanan ..

Langkah 1

login ke blogger sahabat masing - masing
pilih menu Rancangan/Design
pilih Tambah gadget/Add a gadget
kemudian cari yang judulnya HTML/Javascript pilih itu

Langkah 2

copy/paste kode di bawah ini di dalam form HTML/Javascript tadi

<style type="text/css">

#gb{
position:fixed;
top:97px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:125px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiukHp45eG9y_YsL90rVArpBT8tZ0QbX01OKUjcFfYI1ujTZP2qKxzUHCrwpi4uXNUsKwFPwBlTXoOfxcU3eamJ-SOZqg_O78TzEt9Kgzwd6l78uIaCvZd4hcdODGKmishLDp-vNtKWRZ8/s1600/Teoringeblog-buku+tamu+3+(+64+x+244+).gif') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#ffffff;
padding:1px;
}


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}


<div id="gb">

<div onclick="showHideGB()" class="gbtab"> </div>

<div class="gbcontent">

<!-- LETAKKAN KODE CHAT BOX/IKLAN DISINI -->


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";

Sebelum anda menyimpan nya anda dapat mengatur icon buku tamu(BERCETAK TEBAL) sesuai keinginan anda dan memasukan script ChatBox atau Iklan sesuai kebutuhan,, letakan script nya pada tulisan (LETAKAN KODE CHAT BOX/IKLAN DISINI) ..
setelah semuanya beres anda dapat langsung menyimpannya/save..

jika berhasil.. maka blog anda sekarang mempunyai tempat Cbox/Iklan tersembunyi seperti saya ..



SEMOGA BERMANFAAT !! Tweet