Cara Membuat Chatbox Melayang di Sebelah Kanan Blog ~ Rangkaian Kata Tak Bernada...

Taukah kawan Cara Membuat Chatbox Melayang di Sebelah Kanan Blog? Chatbox melayang merupakan trik untuk mempercantik blog kita. Untuk itu saya akan share tentang bagaimana cara membuat chatbox melayang di sebalah kanan blog kawan. Caranya cukup mudah, kawan tinggal mengikuti langkah-langkah dibawah ini.

Cara Membuat Chatbox Melayang di Sebelah Kanan Blog;

1. Login ke akun blogger kawan
2. Klik menu Tata Letak/Rancangan
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Kosongi Judul dan Masukan kode berikut
6. Copas Kode dibawah ini,
Di block >>kemudian>> "CTRL+C" >>kemudian>> "CTRL+V" di html/javascript kawan.

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSmVmjlETAq684DMW2ct073bSoDj3MY2BrI93UBKh4Taxow4D6XXatGjG975cpUyqh4234zvJi_QRKyAW6z99tpK7fmabTotfTmbSjnnpRSTvzUEDviXE1f1At6f8B-xEhVy3xRVOMiF0/s1600/bukutamu.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">
MASUKKAN KODE CHATBOX KAWAN DISINI 

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

7. Masukkan kode chatbox kawan pada "MASUKKAN KODE CHATBOX KAWAN DISINI"
8. Kemudian Simpan

12 komentar:

Unknown mengatakan...: kodenya kok gabisa di copas?; 3 Mei 2013 pukul 21.06
rutengclan mengatakan...: GK BISA COPY.....; 9 Mei 2013 pukul 16.11
Soccer Picks mengatakan...: pake ctrl+C jangan pake klik kanan-mouse ga bisa laaahhhh

ayam gorengggg; 12 Mei 2013 pukul 00.30
januarrw mengatakan...: ctrl + C , kawan ^_^v
setelah itu tinggal ctrl + V ,di blognya..; 22 Mei 2013 pukul 21.35
januarrw mengatakan...: ctrl + C , kawan ^_^v
setelah itu tinggal ctrl + V ,di blognya..; 22 Mei 2013 pukul 21.35
januarrw mengatakan...: sippp..
yummy ^_^v; 22 Mei 2013 pukul 21.36
Rozak mengatakan...: Ini bukan ngajarin kalo gg bisa di copas -_-; 7 Juni 2013 pukul 16.59
januarrw mengatakan...: waduuhh..
copas nya kan tinggal di block trus "CTRL+C" >>kemudian>> "CTRL+V" di html/javascript kawan..
klo mw copy kontennya ya mank gk bs..
wew -__-"; 7 Juni 2013 pukul 17.20
Gilang Ramdhani mengatakan...: Bang Dapetin Code ChatBoxnya dari mana ya??
Http://Vongola-F.blogspot.com
gan bisa tuker link?; 8 Juli 2013 pukul 21.59
januarrw mengatakan...: dari sini kawan:
http://www.cbox.ws/
- register dlu ^_^

tukerlink nya otomatis langsung bisa..di menu backlink otomatis diatas bisa diliat ^_^; 11 Juli 2013 pukul 13.05
Unknown mengatakan...: wh terimakasih nih udah di bantuin bikin kaya ginian ....
mampir ya ke http://rectostreetwear.blogspot.com :); 28 Maret 2014 pukul 01.20
Kaos Kaki Motif mengatakan...: Waduh, kyk gini aja saya gak bisa... tak minum Susu Kambing dulu, biar tambah paham...
Terimakasih manfaat banget artikelnya; 23 Januari 2017 pukul 13.27

Rangkaian Kata Tak Bernada...

Sabtu, 02 Maret 2013

Cara Membuat Chatbox Melayang di Sebelah Kanan Blog

12 komentar:

Posting Komentar