Created (c) by Princexells Seyka (Princelling Saki)

Cara Sembunyikan Buku Tamu Facebook




Cara Sembunyikan Buku Tamu Facebook bisa juga dibilang membuat buku tamu melayang disisi Kiri atau Kanan Blog kita.

cara pasang buku tamu Facebook di blogKeterangan Mengenai Cara Pasang baca disini --> Cara Pasang Buku Tamu di Facebook

Mempercantik Blog kita dengan berbagai widget / Gadget memang sudah jadi Tradisi, ini demi betahnya pengunjung diblog kita. Namun kadang juga kita bingung mau ditaruh dimana lagi gadget baru kita sedangkan blog sudah penuh dengan pernak pernik.

Alternatif yang paling Keren yakni disembunyikan atau dibuat melayang disisi kiri atau kanan, blog.

Silahkan Ikuti Langkah-langkah Berikut Untuk Pemasangannya :



  • Tentu Login dulu ke Account Blogger Sobat


  • Silahkan Menuju Dasbor lalu Klik Rancangan


  • Pilih Tambah Gadget


  • Pada Halaman Tambah Gadget Cari Tab menu HTML/JavaScript lalu klik Tambah



  • Isi judul dengan kode ini <!--judul-->

    Maksudnya supaya nanti Gadget kita terlihat tanpa Judul, karena sekarang jika sobat kosongkan judul maka Gadget dianggap SALAH

  • Sekarang Isikan dengan Kode dibawah ini

Sobat Tinggal Mengcopy CODE dibawah ini tanpa tambah apapun dan BUKU TAMU sudah jadi, karena Aplikasinya sudah disisipkan
PILIH Sesuai Keinginan MAu diletakkan di Sisi KANAN Atau Kiri

Kode untuk Sebelah Kanan


<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/AVvXsEgwdh2ePwfA-RVm_hkFpLan9yuGYYlndsBMR7PNeP-9aLfRpgXhx2k1Z7QtfWAKMSYJawXPmvNxYNs0Z3Zl80mwOkrdfLxNTZ3t4Weca5HAEQddh7JaVvaBFdJTDDE59fGj3SXiH1feC1A/') 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"> <div style="text-align: center;"> <span style="color: blue; font-size: x-small;">Selamat Datang</span> <span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;"> Terimakasih </span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span> </div> <iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;"> <span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/2010/08/cara-pasang-buku-tamu-facebook-di-blog.html/" target='new,>kumpulancara</a></span> </div> <br/> <div style="text-align:right"> <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>



Kode untuk Sebelah Kiri



<style type="text/css">

#gb{

position:fixed;top:100px;z-index:+1000;}

* html #gb{position:relative;}

.gbtab{height:128px;width:35px;

float:right;

cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdh2ePwfA-RVm_hkFpLan9yuGYYlndsBMR7PNeP-9aLfRpgXhx2k1Z7QtfWAKMSYJawXPmvNxYNs0Z3Zl80mwOkrdfLxNTZ3t4Weca5HAEQddh7JaVvaBFdJTDDE59fGj3SXiH1feC1A/') no-repeat;}


.gbcontent{float:right;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.left = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}

</script><div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">



<div style="text-align: center;">


<span style=" ">Selamat Datang</span>

<span ><b >Jgn Lupa Comment</b></span><span style=" ">

Terimakasih </span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span></div>


<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">

<span >Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/2010/08/cara-pasang-buku-tamu-facebook-di-blog.html/" target='new'>kumpulancara</a></span>


</div><br/><div style="text-align:left"><a href="javascript:showHideGB()">[tutup]

</a></div></div></div>

<script type="text/javascript">var gb = document.getElementById("gb");

gb.style.left = (30-gb.offsetWidth).toString() + "px";

</script>





DEMO nya : Pada Sisi Kiri Monitor Sobat Pada Blog ini



Keterangan :



position:fixed;top:100px;z-index:+1000 = Posisi Tombol Logo Open Close

height = 400px; (untuk ketinggian buku tamu)

width = 290 px; (untuk kelebaran buku tanu)





Silahkan Sesuaikan Keinginan, Tapi Menurut saya itu sudah sesuai




Jika Ada yang tidak berfungsi Mohon Konfirmasi

Terimakasih Sudah Meluangkan Waktu Mampir di Blog andra ini...

Heeee Sambil Nunggu Beduk Sahur Selesai Tadarrus ngisi waktu dengan Posting

SAHURRRRRRR

Artikel Terkait Lainnya :

DAFTAR ISI BLOG
TRICK BLOG


Tidak ada komentar:

Posting Komentar

 

© Copyright JASA PEMBUATAN WEBSITE 2010 -2011 | Design by Andra Ghotic's Center | Published by Andra Templates | Powered by .