Cara Membuat Buku Tamu Tersembunyi Versi 2

Cara Membuat Buku Tamu Tersembunyi Versi 2 - Setelah Kemarin telah saya posting Cara Memasang Emoticon Otomatis di Blog, dan sekarang saya akan bahas tutorial yaitu Cara Membuat Buku Tamu Tersembunyi Versi 2. Saya melihat widget ini setelah saya mampir di blog seseorang, terus saya lihat ada yg berbeda dengan buku tamu yang tersembunyi lainnya. Dan makannya itu saya ingin memberikan script nya buat sobat, agar sobat bisa meletakkannya diblog sobat. Baiklah, Langsung aja kita ngopi sejenak... ehh :) maksud saya langsung saja kita lihat langkah - langkahnya dibawah :

1. Silahkan login ke Blogger sobat.

2. Pilih Menu Rancangan --> Tata Letak --> Tambah Gadget

3. Copy kode dibawah ini dan Paste di HTML/JavaScript

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}

* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #88C900;
background:#E5E5E5;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div> <a href="javascript:void(0)" onclick="gb_showHideGB()">[x]</a> </div>

Letak Kode Buku tamu sobat DISINI

<div style="text-align:right; font-size:10px">
Widget by
<a href="http://dharla-ferdana.blogspot.com">
Dewata
</a>
</div>
</table>
</div>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>

<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi94m7est-Za2KbgloDA-VLCPkzfFJL1cZU6TGF7T9Owdx8Tq1HyKKUO8ckTXNwB6tOIBZcdDXsfcgCPlOkJFA3pJ6hLhRCum0lRGfigaWP2uwCAXr-nHp0t5hmSi1f0k5bgDtbyI08RR3N/" />
</a>
</div>

Ket : Ganti yang berwarna MERAH sesuai letak buku tamunya

Ganti yang Berwarna BIRU dengan Kode buku tamunya

Ganti yang berwarna Ungu adalah URL gambar sobat

4. Terakhir Klik Simpan. 

Semoga Bermanfaat :D

Share this post