2 Tahap Cara Membuat Tombol Backtop dan Backdown Blog Joomla 1.5

Untuk memudahkan pengunjung tidak menekan mouse terus menerus saat membaca halaman postingan yang panjang di blog , kita perlu membuat Tombol Backtop & Backdown . Untuk kesempatan ini saya coba membahas di blog berbasis joomla . Karena di joomla template html dan cssnya terpisah maka caranya ada dua tahapan untuk memasangnya di joomla, yaitu tahap pertama mengedit templtes css joomla dan tahap II mengedit templates html joomla. Namun sebaiknya kamu copi paste dulu html dan css templates kamu kedalam notepad atau wordpad, dan simpan sebagai backup untuk mencegah terjadinya error setelahnya.Ok, tanpa basi basi ngalor-ngidul nggak karuan langsung aja kita mulai prosesnya.

Tahap I
1.login ke admin joomla kamu

2.pilih Extensions , klik Templates Manager

3.klick template defaut kamu

4.klick change/edit disebelah kanan (gambar pensil)
5.pilih dan klick tombol Edit css
6.klik templates css kemudian klik tombol Change/Edit
7.copy paste  dan tambahkan kode css dibawah ini di templates css joomla kamu (sebagusnya tambahkan
   di  bagian paling bawah)

#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;
}

Kemudian Save

Tahap II
Masih di templates defaut joomla kamu dan perlu diingat kembali copi paste dulu html templates kamu kedalam notepad atau wordpad, dan simpan sebagai backup untuk mencegah terjadinya error setelahnya. Okey ! Langkah pertama  seperti pada pada proses tahap I (1 s/d 4), selanjutnya :

1. klick Edit Html
2. copy kode Html dibawah ini

<a name='ngisor-dhewe'/>
<div id='mangetsu'>
<table border='0'><tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'>
<img src='https://i1244.photobucket.com/albums/gg571/denbaguse4/logos/home.png'/>
</a></td>
<td><a href='#' onClick='window.location.reload()' title='Reload page'>
<img src='https://i1244.photobucket.com/albums/gg571/denbaguse4/logos/Refresh-32.png'/>
</a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'>
<img src='https://i1244.photobucket.com/albums/gg571/denbaguse4/logos/backdown01.png'/>
</a></td>
<td><a href='#' title='back to top'>
<img src='https://i1244.photobucket.com/albums/gg571/denbaguse4/logos/backtop01.png'/>
</a></td>
</tr></table>
</div>

3.cari kode </body> untuk lebih mudah  tekan Ctrl+F keybord kamu dan pastekan kode html tadi diatasnya
4.selanjutnya Save/simpan
5. selesai

Bila sobat berhasil membuatnya , tampilan joomla sobat akan serupa di bawah ini (tanda panah) :

Selamat Semoga berhasil Membuat Tombol Backtop dan Backdown Blog Joomla 1.5 di blog joomla kamu! Dan sebagai contoh dapat kamu lihat di blog joomla saya disini atau di blogspot ini