Cara Membuat Buku Tamu Tersembunyi di Blogspot

Cara Membuat Buku Tamu Tersembunyi di Blogspot | Membuat blog dengan fasilitas yang unik akan menambah kesan tersendiri kepada pembaca. Sebelumnya saya share tentang cara buat tombol back to top page dan Cara membuat Breadcrumbs cepat terindex oleh google. Kali ini Informasinet berbagi  Cara Membuat buku tamu tersembungyi di blogspot. Cara pasang buku tamu melayang di blog ini juga sangat sederhana. Berikut cara membuat buku tamu tersembunyi di blogspot. 

Cara membuat buku tamu tersembunyi di Blog :

• Masuk website www.cbox.ws atau situs penyedia script lainya yang teman suka. Lalu klik Sign Up.

• Lalu, klik "Create My Cbox"
• Klik "Publik" dan ambil script yang sudah disediakan.

• Masuk  ke blogger.com untuk memasukan kode tersebut.
• Klik Rancangan / Design / Tata Letak / klik Tambah Gadget/Add Gadget / pilih html/javascipt dan copy code berikut :

<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/AVvXsEhE-K7MqZzHp-SQjznM4ICbUVqKT1pHpjdGwr1ThEUOngGgSM592qvL99UjzHhoEn1Q-0MR_AxkHAGtrX_62wpkPOeihmvka2PFBzv8tU3zE1PQIVQrI1cmC6ffdoMRfbSmJs_3WTpQg0Y/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">

Silakan Paste Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://gorontalo-education.blogspot.com/2012/10/bagaimana-membuat-buku-tamu-cantik.html">[Jangan Klik]</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>

•  Klik Simpan

Demikian artikel Informasinet bisa share tentang cara membuat buku tamu tersembunyi di blogspot. Semoga bermanfaat..!!

TINGGLAKAN KOMENTAR DAN LIKE HALAMAN INI YAA..!!

Tweet