Cara Membuat Kotak Komentar Buka Tutup Di Blog

Assalamu'alaiku, apa kabar sahabtku semua. pasti kalian baik-baik sajakan. Untuk kali ini aku mau berbagi sama sahabat semua tentang cara untuk membuat kotak komentar buka tutup melayang di blog, langsung aja yuk ni dia caranya:



1. login ke akun Blogger sobat
2. masuk ke menu rancangan dan edit laman
3. pilih tambahkan gadget
4. lalu kopi kode berikut:

<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. klik save...

untuk kalimat yang berwarna merah di ganti dengan script yang sobat dapat dari situs penyedia layanan pembuat kotak komentar, seperti chatbox dll...

selamat mencoba ya.... semoga bermanfaat.....

Penulis : Bocah Ndeso ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Kotak Komentar Buka Tutup Di Blog ini dipublish oleh Bocah Ndeso pada hari Jumat, 11 Mei 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara Membuat Kotak Komentar Buka Tutup Di Blog