Home  ·  About  ·  Privacy  ·  Contact  ·  Advertise  ·  Cbox

Cara Membuat Buku Tamu Tersembunyi di Blog

Pernahkah Anda melihat sebuah blog buku tamu atau cbox-nya tersembunyi disamping blog? Biasanya buku tamu seperti ini akan memperhemat tempat selain kita memasang buku tamu dalam posting. Pada kesempatan kali ini kita akan membahas cara membuat buku tamu tersembunyi di blog, tapi sebelum mengikuti langkah-langkah terlebih dahulu Anda harus membuat buku tamu atau cbox.

Kalau sudah membuat buku tamu/cbox, berikut kita simak langkah-langkah membuat buku tamu tersembunyi di samping blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada '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('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') 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">

Letakkan Kode Buku Tamu Disini!

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

Nah, saat ini jika Anda ingin berkomentar pada cbox atau buku tamu terlebih dahulu harus meng-klik icon buku tamu disamping blog. Jika masih mengalami masalah silahkan hubungi kami melalui contac.

14 komentar:

  1. wah keren nih sobat tutornya,,,makasih yah sudah berbagi

    ReplyDelete
  2. .: wah..., bisa buat alternatif kalo home page sudah tidak muat...^_^

    ReplyDelete
  3. terimakasih tutorial dan tipsnya gan !!!

    ReplyDelete
  4. akhirnya ketemu juga ni tipsnya, makasih banyak gan ijin praktek langsung, mohon kunbalnya ya gan http://numpang-ngeblog.blogspot.com

    ReplyDelete
  5. mantap gan asli working, sekali lagi makasih banyak

    ReplyDelete
  6. mantap gan infonya,,,sangat bermanfaat sekali buat saya. semoga apa yang agan bagikan bermanfaat buat pembaca lainnya. salam kenal ya gan semoga artikel tentangCara Membuat Buku Tamu Tersembunyi Pada Bloggermendap tempat di hati pembaca semua. Amin.
    Semangat.

    ReplyDelete
  7. terima kasih banyak atas infonya
    http://giribig.com/

    ReplyDelete
  8. 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
  9. This comment has been removed by the author.

    ReplyDelete
  10. Artikel yang menarik. Tas wanita http://tassepatupaloma.blogspot.com/search/label/Tas

    ReplyDelete
  11. http://klgpills.net/ciri-ciri-obat-anabolic-rx24-asli/

    ReplyDelete

 
Copyright © . Info Blog Indonesia · Powered by Blogger