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('http://4.bp.blogspot.com/-QeIqNLnXWMA/TeRYvdo7uoI/AAAAAAAAAYw/aICum56VfYk/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.

21 komentar:

kumpulanorangpencariilmu mengatakan...

suwon gan

Ngurah Jumaika mengatakan...

@kumpulanorangpencariilmu : sama2 gan..

Fillix Sn 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/

Ngurah Jumaika mengatakan...

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

Ðiką Ɓlaƞk Łima Ƭiga mengatakan...

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

ryanimey conferido mengatakan...

gan, cara dapet kode buku tamu gmn?

irvan rolanda 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 :)

Denis Theo 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

Portgas Fafa mengatakan...

Di tunggu kunjungannya,,, :)

Arifin Budi P mengatakan...

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

Belajar Search Engine mengatakan...

Infonya sangat bermanfaat gan. saya rasa artikel ini membuat saya lebih tahu dan lebih paham.
oh iya gan perkenalkan saya seorang blogger pemula yang masih belajar tentang blog.
makanya saya semangat cari info-info lain yang mungkin saja bermanfaat buat saya peribadi.
Oh iya berikut ini artikel yang saya bangga-banggakan gan. dibaca ya.
Cara Membuat Blog dengan Blogger
Cara Memasang Animasi Burung Twitter Melayang di Blog
Cara Memasang Widget Alexa Rank di Blog
Cara Membuat About Me Di Blog
Cara Membuat Buku Tamu Tersembunyi Pada Blogger

Semoga semua yang saya tulis bermanfaat buan agan pribadi termasuk pengunjung blog ini.
Kao mw buat buku tamu agan bisa baca di artikel Cara Membuat Buku Tamu Tersembunyi di Blog

Ok gan. terimakasih lagi atas infonya, semoga agan rajin updatenya dan sukses selalu.
salam kenal dari saya.

Obat Pembesar Penis mengatakan...

salam sukses ya bos jangan lupa kunjungin balik ya

Posting Komentar