Cara Membuat Buku Tamu Menempel Dipinggir Blog - Sebelum melangkah lebih jauh untuk membuat buku tamu berada di samping blog, bagi sobat yang belum membuat buku tamu, silahkan membaca artikel sebelumnya Membuat Buku Tamu Di Blogspot. Setelah memiliki buku tamu, sekarang saatnya memperindah buku tamu tersebut, yakni Cara Membuat Buku Tamu Menempel Dipinggir Blog (lebih tepatnya dikiri). Untuk membuatnya, silahkan disimak caranya.
Cara Membuat Buku Tamu Menempel Dipinggir Blog:
1. Login ke blogger => Tata Letak => Html/Javascript
2. Masukan kode dibawah ini dan paste di kotak html tersebut
Note: Kode <---Letakan kode buku tamu disini---> ganti dengan kode script buku tamu sobat
4. Simpan
Itulah postingan tentang Cara Membuat Buku Tamu Menempel Dipinggir Blog yang bisa saya berikan. Semoga Bermanfaat.
SELANJUTNYA
Cara Membuat Buku Tamu Menempel Dipinggir Blog:
1. Login ke blogger => Tata Letak => Html/Javascript
2. Masukan kode dibawah ini dan paste di kotak html tersebut
<style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://imageshack.us/a/img818/8991/eoil.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; 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">
<--- Letakan Kode Buku Tamu Disini --->
<div style="text-align: right; font-size: 10px;">
Widget by
<a href="http://ridhotawaka.blogspot.com/2013/04/membuat-buku-tamu-di-blogspot.html">
Blog Ridho Tawaka
</a>
</div>
<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> </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>
.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">
<--- Letakan Kode Buku Tamu Disini --->
<div style="text-align: right; font-size: 10px;">
Widget by
<a href="http://ridhotawaka.blogspot.com/2013/04/membuat-buku-tamu-di-blogspot.html">
Blog Ridho Tawaka
</a>
</div>
<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> </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>
Note: Kode <---Letakan kode buku tamu disini---> ganti dengan kode script buku tamu sobat
4. Simpan
Itulah postingan tentang Cara Membuat Buku Tamu Menempel Dipinggir Blog yang bisa saya berikan. Semoga Bermanfaat.






