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.
cbox.ws

  • 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..!!

0 Response to " Cara Membuat Buku Tamu Tersembunyi di Blogspot"

Posting Komentar

Silahkan Tinggalkan komentar anda, jika ada kesalahan pada artikel yang saya posting, atau ada link mati, gambar hilang, dan jika ada saran untuk kemajuan blog ini, silahkan tulis komentar dibawah ini.... Komentar kalian sangat berarti bagi saya...

Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email/Kosongin)
4. Isikan komentar
5. Poskan komentar