Cara Membuat Buku Tamu Tersembunyi Untuk Shoutmix / Cbox

Malam ini saya sedikit menyempatkan waktu walaupun sudah lumayan ngantuk [untung tadi sudah beli kopi sama cemilan, hahaha] untuk membuat tutorial by request dari salah satu sobat blogger yaitu tentang bagaimana Cara Membuat Buku Tamu Tersembunyi Untuk Shoutmix dan Cbox di Blog. Contoh buku tamu Mungkin teman-teman semua sudah sering melihat buku tamu tersembunyi ini ketika teman-teman semua melakukan blogwalking di blog lainnya, nah buku tamu itulah yang dimaksud, biasanya di taruh di sebelah kanan atau sebelah kiri blog contoh buku tamu yang ada di sebelah kiri di blog ane Buku tamu tersebut akan keluar ketika teman-teman klik gambar Buku Tamunya itu dan akan tersembunyi lagi ketika teman-teman klik kembali gambarnya atau klik 'close/tutup'. Menarik bukan teman-teman untuk dicoba? Selain itu juga cara ini sedikit menghemat tempat di dalam blog. Untuk cara membuatnya ikuti langkah-langkah di bawah ini: 1. Login ke akun blogspot, 2. Klik Rancangan/Design >> Page Element >> Add a Gadget >> HTML/Javascript, 3. Copy paste kan semua kode di bawah ini dan masukkan di dalam konten HTML/Javascript,

Klik show untuk melihat

<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/AVvXsEgg9rk1IkrYh1jbl3VpuSkS2hYAlFlxjXye8L19BJEUJhCaPf18WAaNDacZbPAZuI3Nkmomou5NfCdcF5gYdvIVz3WT67bKfjCegQ885D1q0QfwmtwZKLDJ8dj0jFt5LIr4QBdwdZv6hPWt/') 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 Shoutmix/Cbox teman-teman di sini] <div style="text-align:right"><a href="http://www.winduherang.net/2013/03/cara-membuat-buku-tamu-tersembunyi_3.html">[Make Your Own]</a> by winduherang |<a href="javascript:showHideGB()">[Close]</a></div> </div> <script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script></div>

4. Ganti tulisan yang berwarna merah dengan kode Shoutmix atau Cbox teman-teman semua, 5. Jika sudah lalu klik save dan lihat hasilnya. Selamat, teman-teman sekarang sudah memiliki Buku Tamu Tersembunyi di dalam Blognya. Kira-kira seperti itulah Cara Membuat Buku Tamu Tersembunyi Untuk Shoutmix dan Cbox di Blog. Semoga bisa bermanfaat dan selamat mencoba.

Artikel terkait :