Jumat, 07 September 2012

Cara Membuat Chat Box di Pojok Blog

Kali ini saya akan memberi sebuah Tips tutorial blog tentang Cara Membuat Chat Box di Pojok Blog. JIka anda ingin membuat chat box ini. ikuti langkah-langkahnya di bawha ini:
1.daftar dulu di http://www.cbox.ws/
2.lalu ikuti pentujuknya di website tersebut. 
3. setelah anda mendapatkan Scripftnya. lalu masuk ke blog.
4.buka tata letak add gadget.
Masuk ke HTMl java Scipft
5. Copy paste kode di bawah in :

<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 -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<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>

Note ; pada kata merah ini  <!-- Ganti ini dengan kode buku tamu kamu --> ganti dengan Scipt yang udah kamu dapatkan pada Cbox..

Finish.


Selamat Mencoba

Ditulis Oleh : ade miftah fauzi::ARMIFA-BLOG::

Artikel Cara Membuat Chat Box di Pojok Blog ini diposting oleh ade miftah fauzi pada hari Jumat, 07 September 2012. Terimakasih atas kunjungan Anda yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat menyertakan link sumber aktif postingan dibawah ini.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.


::get this widget::

Ditulis Oleh : ade miftah fauzi // 9/07/2012
Kategori:

2 comments

Anonim
21 September 2012 04.15

Gan ..
kira kira tempat kta naro buku tamunya. bisa diatur sesuai keinginan kita . bisa enggak..

16 November 2013 16.01

terima kasih agan ade, yg telah membantu,,

Posting Komentar

::Terima kasih telah membaca Artikel ini::
Bila anda ingin bertanya atau link yang anda download mati atau rusak silahkan berikan komentar di komentar blog.
^_^ Blog 'ARMIFA-BLOGS' ini "DO FOLLOW" silahkan berkomentar dengan sopan untuk mencari backlink, tapi awas JANGAN NYEPAM YA..!

::Terima kasih::

 

Followers

Site Info Blog