Blog korang panjang berjela-jela? Kalau malas nk scroll atas byk2 kali, butang back-to-top ni mmudahkan kerja, tekan jer trus ke bhgian paling atas, header. Aku ada juga pasang, sebelah kanan bawah. Ok, kita proceed mcm ne nk buat butang tu.
Bg nk buat butang ni, kita kene ada dua image yang sama tp saiz lain. 1 besaq dan 1 kecik. Knapa nk ada 2? Sebab dia ialah bila kita gerakkan mouse ke butang tu, ia akan membesar. Acu try cuba test ak punya anak panah ke atas tu.
Straight to the point, copy paste code kt bwh ni dlm HTML/JavaScript widget.
<!--BACK-TO-TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='URL Of Your Larger Button Image'" src="URL Of Your Smaller Button Image" onmouseout="this.src='URL Of Your Smaller Button Image'"/></a>
<!--BACK-TO-TOP-STOPS-->
Part yang aku highlight kaler hijau dan kuning tu, korang letak URL gmbar yg gunakan utk butang tu. Cara ak, ak upload gmbar ke Blogger dan ambik URL dr situ.
No comments:
Post a Comment