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

7 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
  5. It’s really a great and useful piece of information. I’m glad that you just shared this helpful information with us.
    Please stay us informed like this. Thanks for sharing. ??

    Agen Bola
    Agen Bola Terpercaya
    Poker Online Uang Asli
    Poker Uang Asli
    Agen Poker Online
    Poker Online
    DellPoker
    PokerGalaxy
    IngatPoker
    Axioobet

    BalasHapus
  6. Please stay us informed like this. Thanks for sharing. ??

    Axioobet
    Axioobet

    BalasHapus
  7. Hi thanks for your blog, you have a great page, please visit my page too. https://ez99slot.org/ and https://pencetterus.online/ and https://linktr.ee/ezslot99 , Thankyou

    BalasHapus

Silahkan tinggalkan komentar sobat...

 
free counters

Pengikut

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