Cara buat "Back to Top / Scroll to Top" pada Blog

Back To Top, Down dan Home pada seri ini
dibumbui dengan efek hollover. Samar terlihat
bila tidak tersorot oleh cursor.

Berikut ini langkah untuk memasangnya :

1.   Masuk ke Edit HTML.

2.   Carilah kode </b:skin>

3.   Letakkan kode berikut
      di atas kode </b:skin> ini :

01

#namaku {

02	position:fixed;_position:absolute;bottom:30px;right:30px;

03	clip:inherit;

04	_top:expression(document.documentElement.scrollTop+

05	document.documentElement.clientHeight-this.clientHeight); _right:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth);

06

}

07

#namaku a

08

{

09	-o-transition: all 2.5s ease-in-out;

10	-moz-transition: all 2.5s ease-in-out;

11	-webkit-transition: all 2.5s ease-in-out;

12	opacity: 0.5;

13	filter: alpha(opacity=50);

14

}

15	#namaku img

16

{

17

border:0;

18

}

19	#namaku a:hover

20

{

21	opacity: 1.0;

22	filter: alpha(opacity=100);

23

}

KETERANGAN :

Atur jaraknya ikonnya pada kode

bottom:......px; left:......px;

4.   Cari lagi kode </body>

5.   Letakkan kode berikut
     di atas kode </body> ini :

1	<a name='down'></a>

2	<script type="text/javascript">

3	if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');

4

</script>

6.   Masih di kode </body>

7.   Letakkan kode berikut
      di bawah kode </body> ini :

8.   Pratinjaulah terlebih dahulu,
      kemudian simpan template anda.

1	<div id='namaku'>

2	<table border='0'>

3

<tr>

4	<td><a href='http://jualanku-lho.blogspot.com/' title=''><img src='http://i1128.photobucket.com/albums/m486/syamsudin1/go_home.gif'/></a></td>

5	<td><a href='#' title=''><img src='http://i1128.photobucket.com/albums/m486/syamsudin1/go_top.gif'/></a></td>

6	<td><a href='#down' title=''><img src='http://i1128.photobucket.com/albums/m486/syamsudin1/go_down.gif'/></a></td>

7

</tr>

8

</table>

9

</div>

KETERANGAN :

Gantilah http://jualanku-lho.blogspot.com/
dengan URL alamat blog anda.

Bila perlu, ganti juga URL gambarnya
dengan URL gambar milik Anda sendiri.

Gud Lak Brader... (",)