3
Membuat Buku Tamu Tersembunyi

Selama ini saya sering lihat buku tamu di blog teman-teman tersembunyi di sudut kanan maupun kiri, karena ingin tau dan juga bisa mengurangi tempat biar gak memenuhi tampilan pada blog akhirnya saya mencari tau dengan bantuan om google. Akhirnya setelah saya coba di blog ini alhasil sukses juga.

Ok.., gak usah carita panjang lebar. Langsung aja kita praktekin cara memasang Buku tamu Tersembunti tersebut...:

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 Paste-kan 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://ujie-caprone.blogspot.com/2010/11/membuat-buku-tamu-tersembunyi.html">
[Pasang Widget]
</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>


7. Save Widget tersebut.

Cukup sampai disitu aja..., selamat mencoba dan semoga berhasil...!!!

3 komentar :

Tobry Ariansyah mengatakan... [Reply to comment]

terimaksih atas info nya,
info nya sangat bermanfaat,
jangan lupa kunjungi alamat kami hhtp://www.unsri.ac.id

Tobry Ariansyah mengatakan... [Reply to comment]

terimaksih atas info nya,
info nya sangat bermanfaat,
jangan lupa kunjungi alamat kami hhtp://www.unsri.ac.id

Anonim mengatakan... [Reply to comment]

Hey! I know this is kind of off topic but I was wondering which blog
platform are you using for this site? I'm getting sick
and tired of Wordpress because I've had issues with hackers and I'm looking at options for
another platform. I would be great if you could point me in the direction of a good platform.


My website - click here ()

Posting Komentar

Silahkan tinggalkan komentar anda disini...

 
Ujie Caprone | © 2011 Blogger Template by Ujiecaprone.com