Cara Membuat Buku Tamu Tersembunyi

Assalamu'alaikum…
Alhamdulillah…wah walaupun lagi super sibuk, tapi aku koq sempet2nya posting ya??? Yah..dari pada alexaku gendut lagi?!! Ok sobat sekalian, pada kali ini aku akan membahas tentang cara membuat shoutbox/buku tamu yang tersembunyi. Seperti punyaku itu loh…! Selain menghemat tempat, juga dapat terlihat lebih menarik oleh pengunjung blog kita. Tips ini aku dapat dari temenku dan sekarang aku mau sebarin ilmu ini kesemua orang biar tahu semua. Keliatannya sulit ya, tapi kalau sudah tahu caranya, gampang koq, langsung saja kita mulai…..
1.Pastinya masuk ke Blogger sobat
2.Menuju Tata Letak lalu pilih gadget dan masukan kode html dibawah ini didalam dotak gadget tersebut, eitz jangan lupa untuk mengganti tulisan berwarna hijau dengan kode shoutmix/cbox kalian.

<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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<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>
3.Setelah itu, klik simpan.
Wassalamu'alaikum….

7 Responses to "Cara Membuat Buku Tamu Tersembunyi"

  1. thanks a lot...
    very helping... :)

    ReplyDelete
  2. Karen millen quibble look pro provides you with unequalled power evening dresses. Karen millen outlet dresses www.karen--millenoutlet.com are torrid sale onto the breadth in search the [url=http://www.karen--millenoutlet.com/]Karen millen outlet[/url] nice workmanship. Understandable on!

    ReplyDelete
  3. Infonya sangat bermanfaat gan. saya rasa artikel ini membuat saya lebih tahu dan lebih paham.
    oh iya gan perkenalkan saya seorang blogger pemula yang masih belajar tentang blog.
    makanya saya semangat cari info-info lain yang mungkin saja bermanfaat buat saya peribadi.
    Oh iya berikut ini artikel yang saya bangga-banggakan gan. dibaca ya.
    Cara Membuat Blog dengan Blogger
    Cara Memasang Animasi Burung Twitter Melayang di Blog
    Cara Memasang Widget Alexa Rank di Blog
    Cara Membuat About Me Di Blog
    Cara Membuat Buku Tamu Tersembunyi Pada Blogger

    Semoga semua yang saya tulis bermanfaat buan agan pribadi termasuk pengunjung blog ini.
    Kao mw buat buku tamu agan bisa baca di artikel Cara Membuat Buku Tamu Tersembunyi di Blog

    Ok gan. terimakasih lagi atas infonya, semoga agan rajin updatenya dan sukses selalu.
    salam kenal dari saya.

    ReplyDelete
  4. Sepertinya buku tamu ini membuat kita bisa saling berinteraksi antara pengunjung dengan admin...
    Terima kasih Min.. Salam sukses selalu

    ReplyDelete