membuat menu di kanan blog

hi sob jumpa lagi dengan saya anam pejabat
kali ini saya akan menjelaskan tentang membuat menu
si samping kanan blog

langkah pertama
login dulu dong.,.,.,.,.,.,.,!!!!
langkah ke dua klik rancangan......
lalu klik tambah gadged terus copy paste kode di bawah
yang warn merah di ganti dengan lik gambar anda

kalau yang warna biru terserah ......




<style type="text/css">
    #hitsukeFX{
    position:fixed;
    top:150px;
    z-index:+1000;
    }
    .hitsukeFXtab{
     height:100px;
     width:30px; float:left;
     cursor:pointer;
     background:url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzf/wAARCAAhAG8DASIAAhEBAxEB/8QAGwABAAEFAQAAAAAAAAAAAAAAAAYBAgQFBwP/xAAwEAABAwMDAwIEBQUAAAAAAAABAgMEAAURBhIhEzFRFEEHImGRFSQyQnEzNGKhsv/EABgBAAMBAQAAAAAAAAAAAAAAAAABAgME/8QAKhEAAQQBAgMHBQAAAAAAAAAAAQACAxFRBBITMUEFIWGhscHhFEJx0fD/2gAMAwEAAhEDEQA/AOG16BpwgEIUR9Aa866vb5il6FsDsjUj1nCXHWVOtpWS4kHhPy+ABya5dVqDAGmrs11wT0BwrjZusLlaklPCgQfBqyulfEK2XC6x4062qYudthMBCpbLoceVwMqd4z/A5xzXPPTP9JLvRc6a1bUr2HCj4B9zVabUNnjDuRxhEjNppWIacU2txKFFCMblAHCc9sn2qw1MbYhxr4fahjPIcadblxlKQpOCckjBB+9Rd2BMZ6nVivo6YSV7myNoUMgnjjPtVxzB5cMGvIH3Sc2gCsYVcUlPfjPmr3GXo5Qp1tbe4BaNySNw8jPcVNdI6tvdw1Ra4s6cp+O6+htba20YKT7dqU0jo2F7QDQJ5/BQ0AmioMBk4HJ8VRQIODUuu2r7/EvE1li4FKGZLiUYZb+UBRA/b9Kj3prhcluy0x5EhS1FTjqGlKyo8nJA+tNj3kW8AD8/AQ5oBoLBpWWxbpsgbo8R91OcZbaUoZ8cCqqt01C20qhSApz+mCyoFX8cc1publKisOle3Qe6Bf6S+iFbeptO3PjPbNeNNJKml1SR8MLGSR/fPkD71C63jGr9QR4zUZm6PoYaSEttjGEgcY7Vz6iN7yws6G/IjByrY4C7Wz+GqLojUbEqAFpitq/OOnhtLX7txPHbt71uJj1ruVq9JbrjDiojXt2Qn1DuzayRwpIPKhkdhz2qF3PUF3urSWrhPffaSchtSvlz5wOM/WtbuNYu0hkk4jjR8PC+eeasShrdoXW499sKb1qaZOuDD8SRIjKZKRvKiAcKCCPmCTjI5HHvWrKGxB1HCkait06VdEMusvGTgK2rOQoqwEnB/Tmuc7jQqJqG9nNaba49MfbVenenxzj+KlOvZMZ/8Gai3Bib6W3oYcUzuwFJJz3H1FYegklWsrMEjP5tB+xrQk5r3gzZNvlty4TymZDRyhxPdJ7cV08DbAYmnofNZl9u3LL1EMahuY8S3f8As1PdIvwINqsy0XqOoB7qSW5VxcZ9Mdw4Q0kgK85OQf4rmTrrjzq3XVlbi1FSlKOSSeSTVAoilNp+LGGE1X6pNr9rty6vCv0KItLUa7Mttr1Ot1QQ9hJjnnJ/wzj6VdB1Hby/aXZt2aUU3aYsla8ltpaVpSTnskkj71yXcabjXKey4jzPpgj3Wn1DsKa3AxoGg3bWbpCdlKuSZHQYc6mEbSP1D5c+/f8A3xUJPeq7j5qld0MXDB77s2sXO3JSlK1UpSlKEJSlKEJSlKEJSlKEJSlKEJSlKEL/2Q==') no-repeat;
     }

    .hitsukeFXcontent{ float:left;
    border:2px solid #A5BD51;
    background:#A5BD51;
    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">
SELAMAT DATANG DIPEJABAT NGGOBLOG
<br />
sekilas tentang ku
<br />
aku adalah seorang siswa
<br />
smk yang hobinya online
<br />
aku sekolah di smk wachid hasjim
<br />
parengan, alamat pagendingan.

<br />



     </div>
     </div>
    

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

selamat mencoba........

Popular posts from this blog

tutorial berhijab