Cara Membuat Buku Tamu Tersembunyi di Blogger

Membuat Buku Tamu Tersembunyi atau Membuat ShoutMix Tersembunyi pada blog. Tersembunyi nya buku tamu tersebut bisa anda pasang dengan menambahkan script pada widget ShoutMix.


Mengenai posisi Buku Tamu Tersembunyi diatas dapat anda sesuaikan pada kode style widget yang terdapat pada kode - kode dibawah.


Dengan Membuat Buku Tamu Tersembunyi maka anda juga sudah membuat agar halaman blog anda lebih ringkas.


Kelemahan Membuat Buku Tamu Tersembunyi, blog anda akan menjadi lambat pada loading page (membuka halaman), dengan alasan tersebut bagi anda yang merasa blognya lambat pada loading page pertimbangkan dahulu sebelum :


@ Login ke blog anda


@ Pilih Tata Letak


@ Klik Add Gadget (bebas),


@ Kemudian Tambah pada "HTML/JavaScript"


@ Masukan kode berikut:




<style type="text/css">


#gb{
position:fixed;
top:24px;
z-index:+1000;
}
* html #gb{position:relative;}


.Tombol-tab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}


.Isi-tab{
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="Tombol-tab" onclick="showHideGB()">
</div>


<div class="Isi-tab">




(Ganti dengan widget ShoutMix Disini)




</div>
</div>
<br/>
<span style="color: blue; text-align: center;"><a href="javascript:showHideGB()">
[tutup]</a></span>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";


</script>
@ Simpan gadget
Sumber: http://markasgame.blogspot.com/

1 komentar:

  1. 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.

    BalasHapus