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/AVvXsEgGd_xn_LjjWSULvuOmLwTLs1l5BJ1hwWwMfxLJtpNCj3fFxRWDF_01qiUjbmEYkdNu4hrNd8jo7PAz41ULuxOAyVruVd00M4awQxI3Uc-nyalDT_9OgNEiij1rhWplfVIJD71d1Bd-6f_s/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.

20 komentar:

kumpulanorangpencariilmu mengatakan...

suwon gan

Unknown mengatakan...

@kumpulanorangpencariilmu : sama2 gan..

Anonim mengatakan...

makasih bos........
saya pkai cara bos....
tp jangan lupa mampir ya bos ke blg baru saya..... dan isi buku tamu saya....
http://fillixscollection.blogspot.com/

Unknown mengatakan...

@Fillix Sn : OK, di tunggu ya...

Ɗikǟ Ɓøƞceł mengatakan...

MAMPIR DI BLOG Saya Terima Kasih
http://outsider-cmc.blogspot.com/

Unknown mengatakan...

gan, cara dapet kode buku tamu gmn?

Unknown mengatakan...

Thanx sob, ini yang lg ane cari2.,
jangan lupa mampir juga d blog ane ya. :)

pindo kurniawan mengatakan...

artikel yang sangat bermanfaat sob....lanjutkan

Eza mengatakan...

Bookmark dulu ya gan..belum sempat nyobain.

Bulu Perindu mengatakan...

Wah, ilmunya joss bgt mas. Lanjutkan mas !

hilda mengatakan...

Mantap sob, saya coba ya.

anwar mengatakan...

menarik infonya gan.....

cari uang lewat ekiosku.com mengatakan...

salam blogger..http://computer4rt.blogspot.com/2013/06/cari-uang-lewat-ekioskucom.html

arnida herbal mengatakan...

Makasih infonya :)

Unknown mengatakan...

sepp mkasi atas info nya gan ^^

Belajar Search Engine mengatakan...

infonya menarik gan. sangat bermanfaat buat saya pribadi.
dan saya yakin buat pembaca lainnya juga bermanfaat.
mantap.

Dian mengatakan...

makasih untuk infonya

Ipuly mengatakan...

Di tunggu kunjungannya,,, :)

Unknown mengatakan...

terima kasih atas infonya,skrg di blog saya arifinbp.blogspot.com sudah ada buku tamunya (y)

Obat Pembesar Penis mengatakan...

salam sukses ya bos jangan lupa kunjungin balik ya

Posting Komentar