Selasa, 17 April 2012

Tutorial Cara Menyembunyikan Chatbox

Ini dia tutorial cara menyembunyikan ChatBox di sebelah kanan atas blog sobat. Tutorial blog ini terbilang sangat mudah untuk dipraktekkan, sehingga cuma dengan copy paste kode dibawah dan menambahkan kode Cbox sobat pasti bisa langsung jadi. Kalau sobat seorang baru di dalam dunia blogger dan belum tahu cara membuat Cbox, jangan kuatir sobat bisa baca tutorialnya di artikel saya yang berjudul Cara Membuat dan Memasang Cbox di Blog

Oke langsung saja kelangkah-langkah tutorial cara menyembunyikan Chatbox:
1. Login keakun blogger sobat.
2. Masuk ke Tata Letak ---> Pilih Tambah Gadget ---> PilihHTML/JavaScript lalu copy paste kode dibawah ini dan masukkan kedalam elemen HTML/JavaScript:

<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/AVvXsEi38ohkr8jkjd-xFTpUst52qvPGeKUJh2JbXv4ziwCmckxCzwfq6ksMN7hbSWjcpWAHc31QkhJUsOrZvNIku_eQhxN8oeDo0nnawwb-7CO53hsO68e0pQNApq-_ctxsNJ25P8-gR5t_2p8/') no-repeat}.gbcontent{float:left;border:2px solid #666;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 CBOX DISINI

</div></div><script type="text/javascript">
var gb=document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>


Bagaimana cukup mudahkan? Semoga sukses ya...
Jangan lupa baca tutorial blog yang lainnya di Blog ini dan semoga artikel-artikel dan tutorial blog yang ada di blog ini bisa bermanfaat dan berguna buat sobat blogger semua... ^_^

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...