Wednesday, February 20, 2013

Cara Menambah Chatbox/buku tamu tersembunyi pada blog

Halo sobat bersama saya ludhi prasetyo. Nah kali ini saya share tentang chatbox..ok langsung saja ikuto caranya.. Bagi yang belum punya script chatbox silahkan daftar dulu disini

NB : Jika muncul adf.ly klik SKIP AD di pojok kanan atas..

Nih Screenshotnya :





- kemudian isi semua kolom diatas dengan benar.. dan ikuti terus petunjuknya..

Nah setelah sobat mendapatkan script...
- buka blog sobat
- pilih edit tata letak
- add gadget
- kemudian pilih html/java script
- setelah jendela baru terbuka copy script dibawah ini dan paste kan...


<style type="text/css"><br />#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png&#8217') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style>
<script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

PASTE SCRIPT CBOX SOBAT DISINI

<div style="text-align:right">
<a href="http://coretanfakta.blogspot.com">[get this widget]</a>&gt;<a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script>


- Kemudian tinggal di save..
Sekian dari saya semoga bermanfaat...
Selamat mencoba...




2 comments:

  1. Sangat membantu gan infonya buat saya pribadi. terimakasih sebelumnya ya gan sudah share artikel ini.

    ReplyDelete
  2. Infonya sangat bermanfaat gan. saya rasa artikel ini membuat saya lebih tahu dan lebih paham.
    oh iya gan perkenalkan saya seorang blogger pemula yang masih belajar tentang blog.
    makanya saya semangat cari info-info lain yang mungkin saja bermanfaat buat saya peribadi.
    Oh iya berikut ini artikel yang saya bangga-banggakan gan. dibaca ya.
    Cara Membuat Blog dengan Blogger
    Cara Memasang Animasi Burung Twitter Melayang di Blog
    Cara Memasang Widget Alexa Rank di Blog
    Cara Membuat About Me Di Blog
    Cara Membuat Buku Tamu Tersembunyi Pada Blogger

    Semoga semua yang saya tulis bermanfaat buan agan pribadi termasuk pengunjung blog ini.
    Kao mw buat buku tamu agan bisa baca di artikel Cara Membuat Buku Tamu Tersembunyi di Blog

    Ok gan. terimakasih lagi atas infonya, semoga agan rajin updatenya dan sukses selalu.
    salam kenal dari saya.

    ReplyDelete