Membuat Menu Floating Berada diPojok Kiri/Kanan Atas!

1. Login Blogger
2. Klik ==>Rancangan =>Elemen Laman
3. Tambah Gadget HTML/Java Script
4. Copas kode berikut: <style>
   #hcl { position:fixed;
   top:70px;
   left:0px; z-index:+1000; }
   * html #hcl {position:relative;}
   .hcltab {
   height:32px;
   width:80px;
   float:bottom;
   cursor:pointer;
   background:url('http://png.findicons.com/files/icons/2212/carpelinx/32/add.png')
   no-repeat;
   }
   .hclcontent {
   float:bottom;
   border:0px solid #926334;
   background:transparent
   no-repeat;
   padding:5px;
   }
   .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) > 30 ? 35 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir; hcl.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="hcl"> <div class="hclcontent">
   
   <center>
   <a href="http://www.m-azka.com/search/label/my%20award"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwDPXcR863WFbvkFZotDaZi4llMnHRSAzPEQvkhGjN6UqzjIN-QgJFqT9ufnp9UdrRj_i9wALeejWNVrwEmEpHsG_iulVmaonjoiQblVft13NqvVAeCefJWony6sB9oWpwJ0nS6jlpCGQ/" /></a>
   </center>
   <center>
   <a href="http://www.facebook.com/m.azka.fans"target=_blank"><img style="width: 80px; height: 80px;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6uMEn2BzsO2iwA17fG9GlEYF0tdyD0pTtNpEjTGI_qjANLN0J0EqTy5j9cZd-IEZZFW6YE4dc-XL0w3rmbuFq-2_A8JNKmfwdKqs1nN7wrJMn2LEyt0AUIRAFgLm6JnvbyFTcMQwVUFM/" /></a>
   </center>
   <center>
   <a href="http://twitter.com/mazkac"target=_blank"><img style="width: 80px; height: 80px;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsnnmblAfd0_-7aW3OClzsbb9nQnlYRxFNvzpZ8GrLi1rwuNcuusPEHbifj5PAVg1NsoaBlzOmjBB3UlUO8XCc7k_vq7phkTtasvr1ToaOk5-7t5m_iNcOF9VU5xzuz4gJMGIZ0yz-HnA/" /></a>
   </center>
   
   </div>
   <div class="hcltab" onclick="showHidehcl()">
   </div>
   </div>
   <script type="text/javascript">
   var hcl = document.getElementById("hcl"); hcl.style.top = (30-hcl.offsetWidth).toString() + "px";
   </script>

   5. Lalu Save Template, Lihat hasilnya dan enjoy!