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.
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:
Bagaimana cukup mudahkan? Semoga sukses ya...
<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>
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