Cara Membuat Buku Tamu Menempel Dipinggir Blog

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

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

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.

Sobat baru saja membaca artikel tentang Cara Membuat Buku Tamu Menempel Dipinggir Blog. Sobat boleh menyebar luaskan atau mengcopy - paste artikel Cara Membuat Buku Tamu Menempel Dipinggir Blog jika memang sangat bermanfaat untuk sobat, tapi dengan syarat sobat harus meletakkan link di bawah ini sebagai sumbernya. Jika tidak, maka akan diproses secara DMCA Takedown yang tentu saja tidak baik bagi blog sobat maupun sobat sendiri. Terima kasih atas perhatiannya.
http://ridhotawaka.blogspot.com/2013/07/cara-membuat-buku-tamu-menempel.html

Artikel Terkait: