Masukan Email Kamu Untuk Berlangganan Berita Terbaru Dari Blog Ini

24 Maret 2011

Cara Membuat ShoutBox Show and Hide

TwitThis
Saya Sering menerima email dari orang" yang bertanya "KK gmana sih cara buad ShoutBox nya di samping yang seperti pnya kk ituh" Oleh karena itu saya menshare cara pembuatan nya
okeh langsung simak saja

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">
<Letakan Code ShoutMix/Shoutbox Kamu Disini>
<div style="text-align:right">
<a href="http://ndraxs.blogspot.com/2011/03/cara-membuat-shoutbox-show-and-hide.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.Klik Save..
Selesai,,,
Semoga Bermanfaat...

Artikel Terkait

4 komentar:

  1. Nggak jelas kak,, kalo buat cbox bisa nggak ???
    mohon pencerahannya...

    BalasHapus
  2. Itu tinggal copy paste codenya
    Kata-kata di bawah ini diganti dgn code shoutmix atau cbox anda


    Letakan Code ShoutMix/Shoutbox Kamu Disini


    Untuk cbox blm saya coba tapi kyanya bisa

    BalasHapus
  3. nice share gan, akan saya coba di website saya hostingbintanglima.org. thaks gan :)

    BalasHapus
  4. Koq ga bisa ya... bingung ane, maklum pemula gan. Tahunya cuma main poker.

    BalasHapus

Silahkan tinggalkan komentar sobat...

 

Pengikut

Twitter Blog Templates © Copyright by Download Software Gratis | Template by BloggerTemplates | Blog Trick at Blog-HowToTricks