Kabarnya gimana sobat 4rbunger ?? Di waktu kali ini saya posting tentang bagaimana cara membuat buku tamu tersembunyi sebelah kiri. Dulu saya pernah posting cara membuat buku tamu tapi tempatnya di sebelah kanan. Langsung saja kita ke TKP
1. Login pada blog anda.
2. Masuk ke Dashboard => Tata Letak => Add Gadget.
3. Lalu copy dan paste code dibawah in.
5. Lihat Hasilnya dan jangan lupa tinggalkan jejak ya sebelum keluar dari blog saya. Terima kasih
1. Login pada blog anda.
2. Masuk ke Dashboard => Tata Letak => Add Gadget.
3. Lalu copy dan paste code dibawah in.
<style> #hcl { position:fixed; top:30px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNT42c5QxEmwYlHNPXUqiz_ZsWb4pr9fKkqP49uDhuUgmyY3FfP-H4EBwJZV136N3gW5O7C06EAh0OqwefCWBffDqpeLKfOqVDyV7JvH6mQBTj1qbkyOpZR8q4FDxBZzauNLJnuKw4dWlt/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; }NB
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">
LETKAN CODE BUKU TAMU KALIAN DI SINI
<br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()"> </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>
- Code yg berwarna Hitam, ganti dengan selera Kalian. [Semakin Besar Angkanya, Maka Semakin Rendah Posisi Buku Tamunya].
- Code yg berwarna Hijau, Kalian bisa menggantinya dengan URL Buku Tamu Kalian.
- Code yg berwarna Orange, ganti dengan Garis Pinggir dan Warna Background yg Kalian suka. Code Warna HTML.
- Dan Tulisan yg berwarna Merah, ganti dengan Code Buku Tamu Kalian.
9 komentar:
Makasih uda share tips membuat buku tamu tersembunyi ga.. :)
Senang bisa mengunjungi situs anda.. dapet ilmu dan pengetahuan baru tentang buku tamu tersembunyi.. hehe
@Batu Mata Kucing okeyy ... :D
@Bulu Perindu hehehe, mkasih .. :D
Komplit sob,, langsung di coba tips buku tamunya !!
terimakasih tipsnya mas.. jangan bosen2 berbagi ilmunya ya..
iya sob, langsung di coba dahh .. hehe
sma" mas,
siap mas .. hehehe ;)
thanks atas kunjungannya ..
Makasih code nya ya
Posting Komentar
## Terima kasih, anda telah membaca artikel pada blog ini ...
## Jangan lupa untuk meninggalkan komentar setelah membaca artikel ...
## Karena dengan komentar anda blog ini akan semakin maju di dunia internet ...