Mengenai Saya

Jumat, 12 Agustus 2011

Cara Memasang Buku Tamu di Blog Berupa Gambar




Simple nya :
  • Masuk Akun Blogger
  • Klik Rancangan Pada Blogger
  • Tambah Gadget >> HTML/JavaScript
  • Copy Paste Kode Script Dibawah Ini 



<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:150px;
float:left;
cursor:pointer;
background:url('Url Gambar Anda') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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 DISINI  
<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 = (140-gb.offsetWidth).toString() + "px";
</script>
    Catatan : 
    Url Gambar Anda << artinya gambar yang sudah diupload di web
    MASUKKAN KODE SHOUTBOX DISINI << url kode buku tamu yang dipunyai
    * Contoh Gambar *

    Lee Min Ho

    http://1.bp.blogspot.com/-eHe82gpjfnY/TkUSoopqvjI/AAAAAAAAAbo/gC1rcc4xd3w/s1600/lee+min+ho.png

    Kim Hyung Jung

    http://1.bp.blogspot.com/-1puEWQF6G0E/TkUTpawMBfI/AAAAAAAAAbs/gALsgxAQxJc/s1600/kim+hyung+jung.png


Kode Buku Tamu bisa dibuat dimana saja, contoh : Shoutmix, ShoutBox, Chantago

Contoh chat box :


[ Copy this | Start New | Full Size ]

7 komentar:

  1. Thnks uda share cara memasang buku tamunya.. :)

    BalasHapus
  2. Saya tertarik untuk membuat shoutbox di blog saya. makasih bgt infonya..

    BalasHapus
  3. Salam kenal mbak Rossi.. Blognya bagus sekali.. :)

    BalasHapus
  4. Senang sekali bisa berkunjung ke blognya mbak Rossi.. Salam sukses ya..

    BalasHapus
  5. Makasih uda bagi-bagi ilmunya mengenai cara memasang buku tamu..

    BalasHapus
  6. Mantap banget kak info buku tamunya.
    salam kenal ya kak, ditunggu kunjungan baliknya
    http://www.binauralbeats.co.id/

    BalasHapus
  7. Makasih buat tutornya :)

    BalasHapus

jaxtr