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.
[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:
suwon gan
@kumpulanorangpencariilmu : sama2 gan..
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/
@Fillix Sn : OK, di tunggu ya...
MAMPIR DI BLOG Saya Terima Kasih
http://outsider-cmc.blogspot.com/
gan, cara dapet kode buku tamu gmn?
Thanx sob, ini yang lg ane cari2.,
jangan lupa mampir juga d blog ane ya. :)
artikel yang sangat bermanfaat sob....lanjutkan
Bookmark dulu ya gan..belum sempat nyobain.
Wah, ilmunya joss bgt mas. Lanjutkan mas !
Mantap sob, saya coba ya.
menarik infonya gan.....
salam blogger..http://computer4rt.blogspot.com/2013/06/cari-uang-lewat-ekioskucom.html
Makasih infonya :)
sepp mkasi atas info nya gan ^^
infonya menarik gan. sangat bermanfaat buat saya pribadi.
dan saya yakin buat pembaca lainnya juga bermanfaat.
mantap.
makasih untuk infonya
Di tunggu kunjungannya,,, :)
terima kasih atas infonya,skrg di blog saya arifinbp.blogspot.com sudah ada buku tamunya (y)
salam sukses ya bos jangan lupa kunjungin balik ya
Posting Komentar