INFO ANYAR | UAS Mata Kuliah Hukum Bisnis dilaksanakan tanggal 10-06-2016 pukul 14.00 - 15.30 | RKAKL Online Klik Disini | Chek in Online Garuda Klik Disini | Cek Garuda Miles Klik Disini | Materi MK Hukum Bisnis, Lihat Pada Menu Materi Kuliah Hkm. Bisnis |

09 Maret 2012

Membuat Kotak Komentar Buka Tutup (Melayang)

Gak banyak Cerita nih, langsung aja, deh…, pengen punya buku tamu (Kotak Komentar) letaknya ada di sebelah kanan Tampilan Blog Sobat kayak punya ane…, ikutin deh langkahnya yaa..

1. Login ke Blog Sobat
2. Pilih Rancangan
3. Pilih TAMBAH WIDGET, kemudian pilih HTML/Javascript
4. Copy paste Script dibawah ini nih :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<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);}
}
</script>

<div id="gb">

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

<div class="gbcontent">

Masukkan kode Shoutbox SOBAT disini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

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

5. Lihat deh hasilnya…eng ing eng…


Reaksi:

2 komentar:

  1. Judulnya kagak nyambung banged, itu bukan untuk kotak komentar ...

    Tapi untuk Chatbox hadeeeeuh ...

    makanya om jangan asal copas aja

    BalasHapus
  2. terima kasih infonya sob.
    sungguh kreatif sekali dan template blog anda simple.
    dan sepertinya anda mempunyai kelebihan tersendiri.
    bila ada waktu saya akan berkunjung lagi sob :)


    #Semoga Sehat Selalu :)

    BalasHapus