Cara sembunyikan shoutbox di sidebar - Hallo sahabat SEPUTAR INFO MAPENDA, Pada Artikel yang anda baca kali ini dengan judul Cara sembunyikan shoutbox di sidebar, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Panduan Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara sembunyikan shoutbox di sidebar
link : Cara sembunyikan shoutbox di sidebar

Cara sembunyikan shoutbox di sidebar

Salam Pembaca Blog di label tutorial blog, Jika sebelumnya saya membahas cara daftar shoutmix  dan cara menaruhnya di blog di blog nah Tutorial kali ini akan menunjukkan tutorial untuk Cara sembunyikan buku tamu/shoutbox anda di blog.

Tujuan disembunyikannya shoutbox ini adalah untuk membuat halaman yang lebih mantap dan mungkin juga untuk tampil unik berbanding blog-blog lain.

Berikut Tutorial Sembunyikan Shoutbox simak baik-baik ya sobat :

1. Login akun blogger anda, dari Dasbor > Rancangan > Elemen Laman > Tambah Gadget > HTML/Javascript.

2. Copy dan paste kode berikut ke ruangan 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/AVvXsEhio0uBWH-2X8QgmkSAwQ9YmSbfZoe62TB6cxUaiB4N9j9vA7HmSZl-l2vD-2b95KjZl14A4490CPBuDK7VR3dJjboL6T5Wyq14kKxx0aMa5TxYGeyV_4XPuArncQRB5kqN_NHXkx4qEQZA/s1600/buku+tamu+di+klik+label.jpg') no-repeat;}.gbcontent{float:left;border:2px solid #666666;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">
KODE SHOUTBOX DISINI
<div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>cara membuatnya disini</small></a><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>

Keterangan  :

• Gantikan "KODE SHOUTBOX DISINI" dengan kode shoutbox anda 
• Tulisan yang berwarna merah background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhio0uBWH-2X8QgmkSAwQ9YmSbfZoe62TB6cxUaiB4N9j9vA7HmSZl-l2vD-2b95KjZl14A4490CPBuDK7VR3dJjboL6T5Wyq14kKxx0aMa5TxYGeyV_4XPuArncQRB5kqN_NHXkx4qEQZA/s1600/buku+tamu+di+klik+label.jpg'),anda bisa menukar gambar tersebut dengan url yang anda inginkan.

Jika kalian ingin yang mudah anda copy saja url dari gambar yang sudah Blog si Asep buat ini  :

sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah membaca.

Salam pembaca label tutorial blog !!

Demikianlah Artikel Cara sembunyikan shoutbox di sidebar

Sekianlah artikel Cara sembunyikan shoutbox di sidebar kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara sembunyikan shoutbox di sidebar dengan alamat link https://informasimapenda.blogspot.com/2011/12/cara-sembunyikan-shoutbox-di-sidebar.html

Subscribe to receive free email updates: