Jumat, 30 Desember 2011
CARA MEMBUAT HIDDEN GUEST BOOK
Apa sobat pernah melihat buku tamu tersembunyi seperti yang ada di blog saya ini? oke kita lanjutkan, Sebelumnya saya ucapkan terimakasih kepada Mas Hario Pamungkas karena seberna trik ini hasil kopas dari Blognya Hario Pamungkas Jadi jika penjelasan dari saya kurang jelas Anda bisa tanyakan langsung pada Mas Hario . Karena saya juga adalah bloger pemula jadi maklum lah bila masih banyak kekurangan, namanya juga pemula jadi masih dalam tahap belajar, betul gak? heheh. Oke kita lanjut, sebelum kita membuat Guest book/ buku tamu tersembunyi ada bebepara hal yang harus sobat punya diantanya :
1. Blog >> udah pasti heheh
2. Embed Code dari penyedia layanan gadget guest book
Ok pertama kita harus mempunya embed code buku tamunya dulu. Untuk bisa mendapatkan embed code buku tamu kita bisa mendapatkannya di >>> http://www.shoutmix.com <<< atau di >>> http://www.cbox.ws <<< inget pilih salah satu aja ya. Lalu jika sobat sudah mendapatkan Embed code nya silahkan lihat langkah selanjutnya :
[1]. Masuk ke Blogger
[2]. Pilih "Rancangan/Layout" kemudian "Page Elements"
[3]. Klik "Add a Gadget" lalu pilih "HTML/JavaScript" dan copy-paste kode di bawah ini :
[2]. Pilih "Rancangan/Layout" kemudian "Page Elements"
[3]. Klik "Add a Gadget" lalu pilih "HTML/JavaScript" dan copy-paste kode di bawah ini :
____________________________________________________________________
<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/AVvXsEiv9-XlCUusVfrMKfRJ6UqVBFLMKQ__3OOnrJwJSoUbWXI9Ju8F2dzcoI9R0FW064EFdmD4FaJqMahVAscLsJ8pAEQEldZa-hHCuFpwwwj1T-gEsPsqveu6YOblTZU5Lh5Yqzj9jqjM6du2/s128/345o85i.gif') 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">
<!-- GANTI INI DENGAN KODE BUKU TAMU ANDA -->
<br/>
Mau punya buku tamu seperti ini?<br/>
Klik
<a href="http://hariopamungkas.blogspot.com/2011/05/cara-membuat-buku-tamu-tersembunyi.html">
disini
</a>
<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>
[4]. Pada kode di atas, cari kode <!-- GANTI INI DENGAN KODE BUKU TAMU ANDA --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya.
[5]. Yang terakhir klik "Simpan", selesai deh.
Nah bagaimana mudahkan... ok selamat mencoba, semoga membantu dan terimakasih
Special thank to :
Langganan:
Posting Komentar (Atom)
About Me
- Fuji's Blog
- selalu ingin tahu, senang jika dapat membantu,tidak pandai bergaul, selalu banyak nanya..heheh bawel !!!
0 comments:
Posting Komentar