Monday, January 30, 2012

Cara Membuat Buku Tamu Tersembunyi

Cara Membuat Buku Tamu Tersembunyi

posting kali ini saya akan menjelaskan cara memasang buku tamu tersembunyi, bukan berarti buku tamu yang tidak dapat dilihat, tetapi buku tamu ini menempel di sebelah kanan blog anda . . entar kemaleman klo ini dibahas mendingan langsung aja ke cara membutanya

Membuat Buku Tamu Tersembunyi ini, silahkan ikuti langkah berikut:
Sebelum anda membuat buku tamu ini, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix.Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:
1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML
<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">


< Letakkan disini kode Shoutbox Anda>

<div style="text-align:right">
<a href="http://ngurah-dhika.blogspot.com/2012/01/cara-membuat-buku-tamu-tersembunyi.html">
[dhika]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu anda.
7.Save Widget tersebut.
Jika langkah tersebut sudah anda lakukan,anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah Cara Membuat Buku Tamu Tersembunyi ini, semoga bermanfaat. Ada pertanyaan ? tingglakan komen disini.^^

BERKOMENTARLAH YANG SANTUN, JANGAN SPAM, AYO BERKOMENTARLAH DISINI. . .

Ditulis Oleh : I Gusti Ngurah Made Ardika ~ Mari Berbagi dan Belajar Bersama

Artikel Cara Membuat Buku Tamu Tersembunyi ini diposting oleh I Gusti Ngurah Made Ardika pada hari Monday, January 30, 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

2 komentar:

bro bisa bantu dikit gak...
buku tamunya kayaknya terlalu tinggi, gmana caranya biar bisa lebih turun sedikit????
Pramuka Smanab

gampang itu sob tinggal ganti top:50px; dengan sesika hati ganti dengan 200px aja pramuka smanbnya pas dah tu sob...

Post a Comment

Mari kita saling berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada sobat yang lain agar lebih bermanfaat. Terima kasih, Salam Blogger . . .