Button UP and DOWN dalam blog

1. Login blogger
2. Design > Edit HTML
3. tick box Expand Template Widget.
4. CTRL+F and find the code  ]]></b:skin>

 

copy cde kat bawah , then paste kat atas code  ]]></b:skin> tadi tu..

#pandet4 {
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); }
#pandet4 a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#pandet4 img
{
border:0;
}
#pandet4 a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
} 

jangan save dulu..

sekarang kena CTRL+F code </body>

code kat bawah ni , paste kat atas kod </body> tadi tu :)

<a name='ngisor-dhewe'/>
<div id='pandet4'>
<table border='0'>
<tr>
<td><a href='#' title='back to top'><img src='URL Gambar Up-Arrow'/></a></td><td><a href='#ngisor-dhewe' title='back to bottom'><img src='
URL Gambar Down-Arrow'/></a></td>
</tr>
</table>
</div>

text URL Gambar Up-Arrow  dan URL Gambar Down-Arrow tu boleh ganti ngan url image up an down..

kalau malas nak cari , sy dah sediakan kat bawah ni.. :)

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHSfVdsfwXwW7ZViiLApqI0hwOKeKLv_S0aR7nW2Tz6RuvuVj8OA-OudADufdutb6D8jVMaMsFTDbdI2yhUHpzp8AM-gSN-DEtC47L28Xa8wgjyHgC8pFiI4D4Pn_eT2u2WOUu2DxZEAM/s1600/up_arrow_48.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLHPxESBsreFVD3LNRxv5Cch3EVapwTTsh5b95aQuaTJCKluv0Ex3zcn1c88FQwZqpfC8gaclUlNUQuPdxd9tpQT0uC-QEprOhKCxqBTXMgoMYByo-gOvZJAjQGYuh741km57QQKCXpHM/s1600/ui%252Ctyi.jpg

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn02KWvp7YXKGPj7FSN6nY8g-hvUjODB8v8zQEDpGJtM3QEwjUIt7gM1-ZHqib7agKsflR26JhgJgEmYrYdcQDE0v0FRs4cFowpJEmXdicS8dhDpv30nNOvzGI8-CzNn0PPQN7W8VQcyU/s1600/pre-icon1.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBiCgQRtA20cwtp5_m7zvMnFMbRRnAuQdEobpNZ19HixySzqfnfndH6vjYAV46oHSJl8d1XB4KUJFwCmTLDDqikYbLYGzFu09iIu-h5fT6ax6s6SLn2yPq8BDMHUPG799ETgYlmhPxSd4/s1600/next-icon2.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfU1t9qgkP4nUzi7LWeehzAtXj4Wj2WhPB2tD-mnq3lRNeYy6KZgvc2X-QwJWGv1a5ZS_nOWXK16mm0LprkhGHqLq61hiIe5QYR3pa-ndoE6eiWP-kvDYWXwq5CNWp31yieDx81CC6Yg/s1600/Up-arrow-48.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil4X5q5POFgcsY1XVgahgTVvm_u1fdFCv7yjqASfesSwcxWuOaRUQVLgTezhgWLawYsv7JTrAXzAu64AmeZCXTrCjy5hAIOfo55JvSmKtHBO6kFVH-Q6aqFcD4q8YUwYk3LwsPTOnfeOo/s1600/Down-arrow-48.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9rP6VWLnbgvPKAT0HWJEqILyXGn5QfhlC2K1qB1Ib0kI6Mu8R5sMw2RTbkUVCk-3gCsQwts9OG1KDvH5Es3V7pwBdexLOFFsP5-xccggJ6aaObhVECV6u6GvDgasKelmL5HrJWHMJN0Q/s1600/Arrow+Up_48.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Of6iequ15W7Sbhd3Fx_WaWF3kSu1DZlAkb17DFFwiFWuYiBX8BhudajqJTPhfNzm_eW4hwLDJKPz2WUwcAbMsWl_VWOZQMAelyD8Cgv7Q2zAyPuUtQmUp7K5npaigaG6g6ksA5hSOZE/s1600/Arrow+Down_48.png