» » Cara Memasang Tombol Home, Back To Top, Back To Bottom Dan Reload Di Blog

Cara Memasang Tombol Home, Back To Top, Back To Bottom Dan Reload Di Blog

Di Terbitkan Ardana


Cara memasang tombol Home, Back To Top, Back To Bottom Dan Reload di blog. Caranya gampang kok tinggal ikuti langkah - langkah di bawah ini, selesai deh !!, Langsung saja kita Praktekan : 

  • Masuk ke Tata Letak -> Edit HTML lalu


  • Copy CSS berikut dan pastekan di atas ]]></b:skin>


    #mangetsu {
    position:fixed;_position:absolute;bottom:0px; right:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    #mangetsu a
    {
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    opacity:0.65;
    border:0;
    }
    #mangetsu img
    {
    border:0;
    }
    #mangetsu a:hover
    {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    }
  • Kode yang dicetak tebal adalah letak dari widget, "bottom" bisa kamu ganti dengan "top" dan "right" bisa kamu ganti dengan "left" (terserah kamu)Kalau sudah, cari lagi kode </body> tambahkan kode <a name='ngisor-dhewe'></a> tepat diatasnya.
  • Simpan templatenya!
    Sekarang tinggal memasang shortcutnya...
    Copy kode dibawah ini !

  • <div id='mangetsu'>
    <table border='0'>
    <tr>
    <td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOOCqFwZEROU_8g15m0Nplus0ACFQOC6U5KkMSQ_S593Upa7BCmEScES-yP8W9k-jFK_Bjj6W64FwsxTivISwGnZafsSlgsodp0jzXrgbpIBp3jXwRug555e79IQfF_rD2Ybtz0kT49ag/s320/home-icon2.png'/></a></td>
    <td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw7Y9LJodXk4rK8IXPOSMps681IE1HmpKUqk8ao_zprV-tazRiVR4l7w5i_IUj01-bPYdWky6yEBzH7VtxavQxE8CgfBN2sR3fTryrCovF548HL2PimsRBkWAU5PcfbX13a45vOpcCcsk/s320/pre-icon1.png'/></a></td>
    <td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnG1hJ3kZ80xMq1bV__Lnjmcmfv2nj4Mb5l33L1yfclvsFiG2P_Oq0nVMcod4h9sTldLfgDhUysx4fbLzeDdhZ_aloHB2DqMt3qNN57zD1ZpashIyGV1dNRGObKfjgh6KfLm7eKRv4ElY/s320/next-icon2.png'/></a></td>
    <td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUWWJxfGu5PFujT7xW8fU2_ruMWwMyKkFNtLonLP7UsDtfWd5TNmwssdSaR60JnUH6KQBfAq52cAQ7ullxva2E7j6nLRo5cDD1CXgM6FrAY4P0muXi5aKqPbcNuevDeZ_dPUkXpiXbHbA/s320/refresh-icon1.png'/></a></td>
    </tr>
    </table>
    </div>

    Kodenya bisa paste dibawah <body> atau bisa juga ke Tata Letak -> Elemen Halaman -> Tambah Gadget -> HTML/Javascript, Paste dan simpan.

    Pasang Logo Page Feel HTC ( Layar Menggulung Pada Blog Anda, Tidak Berat Saya Yang Jamin Namun Mempercantik Blog ini Juga Memperkuat Rasa Persatuan Dan Persahabatan Antar Bloggers )

    Pasang Kodenya Di Bawah ini di atas kode </head> :

    <SCRIPT type='text/javascript'>var tujuan ='http://ojelhtc.blogspot.com/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>
     
Diterbitkan Oleh : Lebihunik.com

ARTIKEL TERKAIT

Lebih Unik
Tips Blog
Labels: ,