5 Jenis Widget Scroll To Top

Widget Scroll To Top

widget scroll to top by apisv2

1. Pertama sekali ikuti langkah ini. Backup template anda / download full template.

2. Kemudian Click pada Design >> Edit HTML >> cari ( CTRL+F ) </body>


2. Seterusnya copy code html pilihan korang dibawah dan paste kan sebelum </body>

3. Save template.

// korang juga boleh guna icon sendiri, cuma tukarkan image url

orange arrow up

<!--ScrollToTop apisv2.com--><a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:35px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhykRN43IkGlHVjFx92mzQ_-8eeTHmj0vo-4qNihxSu7z2TfNGPyz-7-AKvzsPd_t9dlne61hT7_Z7_arV0P42r56tmFTGZIK6h4cGRs9Iir7lPlCieYO15XKyQxb86woE48hqliNiuE0bc/s128/orange.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhykRN43IkGlHVjFx92mzQ_-8eeTHmj0vo-4qNihxSu7z2TfNGPyz-7-AKvzsPd_t9dlne61hT7_Z7_arV0P42r56tmFTGZIK6h4cGRs9Iir7lPlCieYO15XKyQxb86woE48hqliNiuE0bc/s128/orange.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhykRN43IkGlHVjFx92mzQ_-8eeTHmj0vo-4qNihxSu7z2TfNGPyz-7-AKvzsPd_t9dlne61hT7_Z7_arV0P42r56tmFTGZIK6h4cGRs9Iir7lPlCieYO15XKyQxb86woE48hqliNiuE0bc/s128/orange.png'" /></a><!--ScrollToTop End--> <br />

blue arrow up

<!--ScrollToTop apisv2.com--><a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:35px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuJGXCELjXKfrOk5ck9odIBEUWDE1rS1_9Tf81biBC6Tdu5x97cfJ5n3ENcbi7xY1d1dPB5Qpe553dTwBV2CA92xOw-BZ1318__-GU9zPwPfLjeNnrNnw8KMdQ5_be9liXR5O43LiLn1Z/s128/blue_arrow_up.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuJGXCELjXKfrOk5ck9odIBEUWDE1rS1_9Tf81biBC6Tdu5x97cfJ5n3ENcbi7xY1d1dPB5Qpe553dTwBV2CA92xOw-BZ1318__-GU9zPwPfLjeNnrNnw8KMdQ5_be9liXR5O43LiLn1Z/s128/blue_arrow_up.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuJGXCELjXKfrOk5ck9odIBEUWDE1rS1_9Tf81biBC6Tdu5x97cfJ5n3ENcbi7xY1d1dPB5Qpe553dTwBV2CA92xOw-BZ1318__-GU9zPwPfLjeNnrNnw8KMdQ5_be9liXR5O43LiLn1Z/s128/blue_arrow_up.png'" /></a><!--ScrollToTop End--> <br />

pink arrow up

<!--ScrollToTop apisv2.com--><a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:35px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZT1kDW1pxO5cfYZdoa3csnb71PeFno7uFDfGhJt6r2JSsPYZ0uPQThhe5CeXmqjRN-ToiKkVwX5hQaaXB2msC0OCyKAedTlGc-mz8q4XSayIZxAZbOdX16U26hO8dBPdKXc8ayifq1PG/s128/pink_arrow_up.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZT1kDW1pxO5cfYZdoa3csnb71PeFno7uFDfGhJt6r2JSsPYZ0uPQThhe5CeXmqjRN-ToiKkVwX5hQaaXB2msC0OCyKAedTlGc-mz8q4XSayIZxAZbOdX16U26hO8dBPdKXc8ayifq1PG/s128/pink_arrow_up.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZT1kDW1pxO5cfYZdoa3csnb71PeFno7uFDfGhJt6r2JSsPYZ0uPQThhe5CeXmqjRN-ToiKkVwX5hQaaXB2msC0OCyKAedTlGc-mz8q4XSayIZxAZbOdX16U26hO8dBPdKXc8ayifq1PG/s128/pink_arrow_up.png'" /></a><!--ScrollToTop End--> <br />

red arrow up

<!--ScrollToTop apisv2.com--><a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:35px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmgjYOLwkNphE0B-fuQ_cll4evangnimYZ-xkNqujTX2W4NzYHpZRKhNWdvz1u-nlYM2OW7kkXecpFEfoi8gnpLKKSPmLAahbMQkeX1pfW72tfXbHVjVFlFs2I5y5vUbBuYsDNLpJCvmH/s128/red_arrow_up.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmgjYOLwkNphE0B-fuQ_cll4evangnimYZ-xkNqujTX2W4NzYHpZRKhNWdvz1u-nlYM2OW7kkXecpFEfoi8gnpLKKSPmLAahbMQkeX1pfW72tfXbHVjVFlFs2I5y5vUbBuYsDNLpJCvmH/s128/red_arrow_up.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmgjYOLwkNphE0B-fuQ_cll4evangnimYZ-xkNqujTX2W4NzYHpZRKhNWdvz1u-nlYM2OW7kkXecpFEfoi8gnpLKKSPmLAahbMQkeX1pfW72tfXbHVjVFlFs2I5y5vUbBuYsDNLpJCvmH/s128/red_arrow_up.png'" /></a><!--ScrollToTop End--> <br />

green arrow up

<!--ScrollToTop apisv2.com--><a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:35px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7x_Qk1SMTNBUJyE2OIAVwtmXV5qASPVCmJ35XgAMTfYN_2fpftmslQDlhOSrcZG84cP2473wekr86VnAqkMGxqKFpy0g-FJbrIOG3GjfaY6vtWBY23MzusAo87AZHsGryxOsgvu6ptAn/s128/green_arrow_up.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7x_Qk1SMTNBUJyE2OIAVwtmXV5qASPVCmJ35XgAMTfYN_2fpftmslQDlhOSrcZG84cP2473wekr86VnAqkMGxqKFpy0g-FJbrIOG3GjfaY6vtWBY23MzusAo87AZHsGryxOsgvu6ptAn/s128/green_arrow_up.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7x_Qk1SMTNBUJyE2OIAVwtmXV5qASPVCmJ35XgAMTfYN_2fpftmslQDlhOSrcZG84cP2473wekr86VnAqkMGxqKFpy0g-FJbrIOG3GjfaY6vtWBY23MzusAo87AZHsGryxOsgvu6ptAn/s128/green_arrow_up.png'" /></a><!--ScrollToTop End--> <br />

info: this icon was created by apisv2