Cara Memasang Tombol Home, Back To Top, Back To Bottom Dan Reload Di Blog
- 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/AVvXsEjyvd4FenKem4lNOK0dfWdXxUhG_Sa-rZ-CAfTkWgpvnxZX4PJbZ_BJ79hp46Un_BGcRIYO9uRkFTo7w04ypDOnqX9bszVKm5A6Q_5bLZUhyphenhyphenHEGnmJqZGWLsQFrM-Trj6nJVYRrGwyBRQY/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzM8njvDuKd_SiWLAtEXfj1qUbX4iup9QHn541mtLDdTu7EWOLgNnWs3qrxCT0GMG1sGnXXsS6b5JeJ5s2wXBGv05b5OOXDv_aAondu9B9JI2S4nHZhbnmGiZQkUWtXjbHkd8oxG0oYwk/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI69g6k-khjocIylbVLoZiZ2bfmkh_fUTkyZG8HEEOu5bBEGELoKT4-lChyphenhyphenWp0btr0u1qEOWlZ-L6HqBlT9Kcsi6s291-gozPVo1g8EsDpsQKorao7JUd9yfYwfg5gTiXsW3sgtVaA4xk/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/AVvXsEhtgGztF2P3mTdZfjAswaaLYxwKTssIu6k2wzsSlXK8Rn0aOTSvWj5HZKDvhMmvFfCRbtftftENqjPNryDmHMUEC5vFnSRktEFMW-lkBRvEYVMOGJaHJdwhUoX4n_ciPq9X130Ghn4xb9M/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>
Selamat men coba dan sukses
Tidak ada komentar:
Posting Komentar