Cara Membuat Menu Drop Down Horizontal Dibawah Header Blog

Cara Membuat Tombol Home,Back To Top,Dan Bottom

Baiklah, ini caranya untuk membuat tombol, Home, Back To Top, dan Bottom

Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka

Memasang Guest Book Slide Menu

Hallo Blogger, sekarang ane kasih tuh thread Tutorial Blog. Kali ini ane akan membahas tentang "Memasang Guest Book Slide Menu", langsung aja ke TKP.....

Berikut adalah langkah" nya :
1. Kalian Daftar ke shoutmix
untuk mendapatkan kode shoutboxnya.( bagi yang belum punya)
2. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
3. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
4. Copy-paste kode di bawah ini:
<style type="text/css">
#hitsukeFX{
position:fixed;
top:150px;
z-index:+1000;
}
.hitsukeFXtab{
 height:100px;
 width:30px; float:left;
 cursor:pointer;
 background:url('http://lh3.ggpht.com/_KdeVdQg2Vsw/Swj9uvNEeVI/AAAAAAAAAGs/N5XIUu3ymzY/tabs.png') no-repeat;
 }

.hitsukeFXcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}

</style> <script type="text/javascript">
function showHidehitsukeFX(){
var hitsukeFX = document.getElementById("hitsukeFX");
 var w = hitsukeFX.offsetWidth;
 hitsukeFX.opened ? movehitsukeFX(0, 30-w) : movehitsukeFX(20-w, 0);
 hitsukeFX.opened = !hitsukeFX.opened;
 }

function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }


</script>
<div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div>
 <div class="hitsukeFXcontent">

 <!-- Taruh Kode  Kamu disini -->

 <div style="text-align:right">
 <a href="javascript:showHidehitsukeFX()"> [close] </a>
 </div>
 </div>
 </div>

 <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>
5. SIMPAN.
Sekian Tutorial dari Saya.