..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA..

Tuesday, 13 December 2011

Cara membuat buku tamu tersembunyi

,
untuk membuat tamu tersembuyi kita terlebih dahulu harus membuat membuat shoubox terlebih dahulu..
seperti yang sudah saya tersangkan pada postingan saya sebelumnya tentang teritoriol Cara Membuat Shoutbox pada Blog. nah langkah ini di peruntukan untuk membuatnya ter sembunyi..

langkahnya sebagai 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://warungbaca9.blogspot.com/2011/12/cara-membuat-buku-tamu-tersembunyi.html">
[warung baca]
</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.


Nahhh.. sekarang anda tinggal melihat hasilnya...
selamat mencoba


1 comments:

  • 21 December 2011 at 17:20
    rafid aslam says:

    Berhasil!!! thanks ya

    delete

Post a Comment

 

warug baca Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger