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:

Tips blogger

• cara pasang TL/TimeLine twitter ke blog
• cara mudah dan cepat dapat page rank tinggi google
• "gila" cara hacker menembus sebuah website
• cara pasang share fb dan twitter di posting
• Cara menghilangkan total page di label
• cara menghilangkan judul blog di header
• Related post dengan Thumbnail gambar dan berjalan
• Pasang Artikel terkait plus scroolbar2
• Template lamaku
• Apa itu blog.????
• Cara Pasang tombol dan fasilitas print di blog
• Cara membuat kotak pencarian or search box
• Cara pasang kalender di blog
• Cara pasang widget untuk melihat IP addres di blog
• Cara Pasang Mp3 music (2)
• Cara Pasang mp3 gratis di blog
• Macam-macam style border
• Cara memasang emoticon unik YM di blog
• tips meningkatkan alexa rank (versi kang rohman)
• Cara pasang blog Dofolow "u comment i follow"
• Cara membuat Huruf awal besar/ bergaya koran
• Cara menyisipkan gambar di pojok atau sudut blog
• Sejarah blogspot atau weblog
• Cara membuat Recent post Plus Label
• Cara memasang jam di blog