4rbung blog's adalah web blog yang berisi artikel tutorial, free download software dan lagu, chord gitar dan info-info menarik yang ada di dunia

Membuat Buku Tamu Tersembunyi :: Sebelah kiri

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.


<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; }
.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>
NB

  • 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.
5. Lihat Hasilnya dan jangan lupa tinggalkan jejak ya sebelum keluar dari blog saya. Terima kasih




9 komentar:

Batu Mata Kucing mengatakan...

Makasih uda share tips membuat buku tamu tersembunyi ga.. :)

Bulu Perindu mengatakan...

Senang bisa mengunjungi situs anda.. dapet ilmu dan pengetahuan baru tentang buku tamu tersembunyi.. hehe

Anehuda25 mengatakan...

@Batu Mata Kucing okeyy ... :D

Anehuda25 mengatakan...

@Bulu Perindu hehehe, mkasih .. :D

Dunia Paranormal mengatakan...

Komplit sob,, langsung di coba tips buku tamunya !!

Batu Sulaiman mengatakan...

terimakasih tipsnya mas.. jangan bosen2 berbagi ilmunya ya..

Anehuda25 mengatakan...

iya sob, langsung di coba dahh .. hehe

Anehuda25 mengatakan...

sma" mas,
siap mas .. hehehe ;)

thanks atas kunjungannya ..

Anonim mengatakan...

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 ...

Membuat Buku Tamu Tersembunyi :: Sebelah kiri