Choose Other Language For this Blog
Arabic English French German Spain Italian Russian Portuguese Japanese
KLIK SALAH SATU YACH : {t3ks 4lay} {ʞılɐqɹǝʇ sʞǝʇ} {teks berjalan} {gambar dari huruf}

Membuat Buku tamu Tersembunyi

Bismillah
 “Membuat Buku Tamu Tersembunyi”,apa maksudnya ya,Untuk lebih memudahkan pemahaman anda coba klik link berikut dan terlihat di pojok kanan ada widget Buku tamu jika anda klik tab warna hijau tersebut,maka Buku Tamunya akan tertarik keluar, selain unik, buku tamu seperti ini juga bisa menghemat tempat pada blog anda...
Untuk Membuat hal seperti itu sebenarnya caranya sangat mudah kok,untuk lebih ngerti lebih baik ikuti aja trik berikut ini sampai akhir,dan tolong berikan komentar anda.OK
sebelumnya, pastikan anda sudah punya buku tamu. yang belum punya, silahkan klik disini
kalau sudah, Berikut langkah-langkahnya

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://santri-one.blogspot.com/2010/12/membuat-buku-tamu-tersembunyi.html">
[click here to get it]
</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.ganti tulisan berwarna merah dengan kode buku tamu kamu
8.Save Widget tersebut.

jadinya akan seperti ini 
buku tamu tersembunyi

Jika langkah tersebut sudah anda lakukan,anda dapat melihat hasilnya pada blog anda masing-masing

Jika ada pertanyaan,Silahkan tanyakan pada komentar Blog ini wassalam

Jangan Lupa Baca yang ini Lho yach..:

2 komentar:

Ipank Bastarz mengatakan...

Ass... :53
Kl buku tamunya bisa disembunyiin di tempat lain g??? :-/
Trz itu kn selain tulisan merah ada tulisan birunya. Naaach... itu d ganti g? ~x(

Sory y sob ane bnyak minta soalnya ane blogger baru.
Hhe... :15

Admin mengatakan...

waalaikumsalam...
bisa di pindah2 koq shob, tapi belom ane post cara2nya...
kalo sobat faham, tinggal ganti left menjadi right ato sebaliknya, tentunya dengan modifikasi gambar dikit, pasti bisa shob.. :D

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Maaf ya shob,AQ MNTA KOMENTARNYA DONK, DKIIIT AJA.
GAK APA APA KHAN....!!!

 

Follow Me, I Follow You

New Feed

© hak cipta 2010. santri-one.blogspot.com . All rights reserved | santri-one.blogspot.com is proudly powered by Blogger.com | edited by havynezz - zoomtemplate.com