Guest Book UT24-WEB.INFO Silahkan Tinggalkan Jejak Disini, Tapi Ingat Jagalah Kesopanan...!!
.:: Happy Blogging ::.

Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog


Widget Blog Buku tamu atau chatbox merupakan widget wajib bagi setiap pengguna blog dimana buku tamu ini sangat banyak manfaatnya selain untuk mempercantik tampilan halaman blog chatbox juga berguna sebagai sarana untuk saling berintraksi antara pengunjung blog dengan pemilik blog atau pengunjung blog dengan pengunjung yang lainnya sehingga semuanya akan saling terhubung akhirnya bisa saling mengenal satu sama lainnya, untuk itu sebaiknya sobat bloger belum memasang bukutamu pada halaman blognya segera pasang, apabila tidak tau bagaimana caranya bisa baca tutorial Blogspot.



buku tamu tersembunyi
img by tutorialuntukblog.blogspot.com
Buat para blogger yang juga ingin memasang bukutamuya seperti pada gambar diatas bisa menerapkan tutorial blog kali ini tetang Tutorial Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog. 

Berikut langkah-langkah nya untuk memasang buku tamu tersembunyi pada halaman blog
  1. Silah sobat login ke akun bloggernya terlebih dahulu
  2. Pilih menu Layout atau Tata Letak
  3. Klik Add a Gadged atau Tambah Gadget
  4. Pilih HTML/JavaScript
  5. Copy Code berikut dan letakan pada Box HTML/JavaScript yang sudah sobat pilih tadi
  6. <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/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') 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">

    KOD SHOUTBOX DISINI

    <div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</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 :
    Perhatikan Tulisan KOD SHOUTBOX DISINI silah sobat ganti Dengan kode chatbox atau kode buku tamu sobat

    Sedangkan Kode http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png ini adalah URL Gambat Tap ChatBox

  7. Klik Simpan
  8. Selesai dan lihat hasilnya
Secara Default tampilan tap Chatbok adalah bewarna hijau seperti gambar dibawah ini


Sobat blogger bisa menggantinya dengan mengganti URL gambar tersebut Dengan dengan URL gambar milik anda sendiri. Letak URL gambar pada kode diatas adalah pada bagaian yang berwana Hijau.

Seikian Tutorial Blog Tentang Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog ini bisa bermanfaat untuk sahabat blogger semuanya.

Original Posted by : ADMIN

Komentar anda sangat membantu perkembangan blog ini!!


Share this article now with your friends !

Posted by : Alfon Ritonga ~ / Tuorial , Tips Trik , Gadget , SEO

Artikel Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog diposting oleh Alfon Ritonga pada . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging

+ Create Comment + 5 Responses so far.

HJ,RUSMAN
18 Desember 2012 04.38

BUTUH NMR GOIP HASIL RTUAL.HUB MBAH AGENG DI:085298168017.atau klik>> http://mbah-ageng.blogspot.com

Anonim
2 Juni 2013 13.19

Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
I've been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

Have a look at my weblog; Louis Vuitton Handbags

28 Juni 2013 07.55

Thanks ea

18 Maret 2015 08.24

artikel yang sangat menarik dan unik tuk di pahami, thenk you

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Leave a comment

Get Update Via E-Mail

Cukup Masukkan alamat email Anda untuk berlangganan di blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan 245 pengikut lainnya...!



 

Copyright © - Tutorial Blogspot / All Rights Reserved.
Copyright © 2012 -