Cara membuat buku tamu/shoutmix tersembunyi

Share

hi sobat semua.
waktu lalu saya baru mempost Cara membuat screenshoot energy saving mode  
 dan sekarangtentang buat shout box tersembunyi. Orang banyak bilang 
kalo yang yang chat tersembunyi itu bagus tapi ada juga yang langsung tampil 
juga bilang bagus.
hm,,
yang jelas itu sesuai apa yang kita inginkan.hehe
oke deh langsung saja .
contoh gambarnya seperti ini . 



ini dia langkah-langkah dan caranya :
1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget", kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:


<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYhe2PQHt8gPe3LNOd5TEOtPjTbPenBeIXANl_96zBEssxixLyxQNqlWrRHTfsEj6_4OQsphrcfRopqUbPM2rtaETp1PMJTdZ73QgpgANEh63fL-8D0QxAbQygzdIJ5CK6SbBAvB-RSh6h/') 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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
<br/>

<a href="http://fajarnoverdi.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


NB : 
# Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang sobat dapatkan dari situsnya,
# sobat juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu sobat ganti dengan url sobat 
dan pada URL <a href="http://fajarnoverdi.blogspot.com"> bisa sobat ganti dengan url sobat.


…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Artikel terkait: