Jalan

Selamat Datang di Blog kami Terima kasih atas kunjungannya

Kamis, 19 Mei 2011

Cara membuat Buku Tamoe " Tiarap "

Kalau kamu pengen ‘n ngebet berat tuk buat Buku Tamoe di blog kamu kaya’ punyaknya saya di bagian sebelah kanan atas tuuhhhh... dan klik tab yang berwarna hijau tersebut. Dan Buku Tamoe itu akan mak bedunduk bergerak keluar dengan rasa malu-maluin,
sehingga yang tadinya tidak kelihatan jadi keliatan anunyaaa( apanya anu????..).

Resepnya gampang koq :
1. Masuk ke account Blogger kamu, pilih "Rancangan" kemudian "Elemen Laman",
2. Klik "Tambah Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. 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('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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
sini (Info Blog)
</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 Tulisan -- Ganti ini dengan kode buku tamu kamu -- bisa kamu ganti dengan Kode Html yang bisa kita dapetkan di Google Friend connect

5 Kalo pingin mengatur posisinya. Rubah nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, Up to you.

6. Selamat mencoba! dan berpusing riaaa......

Tidak ada komentar:

Posting Komentar