Cara Membuat Buku Tamu Di Sebelah Kiri

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Buku Tamu Tersembunyi", dan itu Buku Tamunya berada di sebelah Kanan. Nah kali ini Saya akan Posting "Cara Membuat Buku Tamu Di Sebelah Kiri". Kalian mungkin sudah tahu apa itu Buku Tamu, jadi Saya tidak perlu menjelaskannya lagi. OK, kita langsung ke langkah-langkahnya saja.

[1]. Seperti biasa Login dulu ke BLOG Kalian.
[2]. Trus dari Dasbor, cari Tata Letak --> Klik Tambahkan Gadget --> HTML/JavaScript.
[3]. Kemudian Kalian CoPas Code di bawah ini, ke dalamnya.

<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/AVvXsEjs2m6SYFSGJe4T4RPX34N9i_iVV61zuBIRDws1rKl5z0UtI-1qUsidn8FnDeHp0IBmKwo0HlroSbkLUAVJTMlQ0LN7EnXVxj7MZUK5GJrRHGAxTX5-U6RY8aXanHoVvBS5117SCHAzC1yz/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>

KETERANGAN :

* Code yg berwarna Kuning, ganti dengan selera Kalian. [Semakin Besar Angkanya, Maka Semakin Rendah Posisi Buku Tamunya].

* Code yg berwarna Merah, 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 Biru, ganti dengan Code Buku Tamu Kalian.

[4]. Dan terakhir tinggal di SIMPAN dan lihat hasilnya.

OK, sekian Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian, dan jika ada pertanyaan, tulis saja pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.