Sunday, December 11, 2011

Cara Membuat Buku Tamu Melayang Di Blog

Mungkin sudah banyak yang me-ngeshare artikel tentang buku tamu, namun apa salahnya jika saya juga me-ngesharenya juga. Disini masih sama dengan artikel - artikel milik blog lain yaitu Cara Membuat Buku Tamu Melayang / Tersembunyi Di Blog. Barusan juga saya mempraktekkannya, sudah lama saya ingin mempraktekknya namun belum sempet - sempet. Dan akhirnya jadi juga. Caranya mudah kok, tinggal copy paste , trus jangan lupa menyisipkan chatbox yang anda miliki yang bisa diperoleh dari shoutmix.com. Untuk lebih jelasnya langsung saja baca artikelnya.
Caranya sebagai berikut ini :

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML

6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML


<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">

< Letakkan disini kode Shoutbox Anda>

<div style="text-align:right">
<a href="http://dwi-rahmadi.blogspot.com/2011/12/cara-membuat-buku-tamu-melayang-di-blog.html">
[Pasang Widget]
</a>|<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>

7. Save Widget tersebut.

Jika sudah anda pasti akan mempunyai Shoutmix yang tersembunyi seperti di blog saya. Selamat mencoba.

2 comments:

  1. thanks gan,,, izinkan saya mencopas dengan sepenuh ati

    ReplyDelete
  2. Ajib gan, saya pingin coba coz belum pasang nih... :)

    ReplyDelete

Mohon tinggalkan komentar, karena setitik komentar anda akan sangat berharga dan tak ternilai demi kemajuan blog ini.
Dan maaf, kalau admin tidak bisa langsung membalas komentar anda sekalian, karena jarang online lewat komputer.

Terima kasih :)

Related Posts Plugin for WordPress, Blogger...