Adakalanya kita buat posting yang panjang sangat sampai mata pelawat blog pun layu dan tewas dalam kelemasan. Oleh itu, kita kurangkan kepenatan mereka dengan meletakkan butang BACK TO TOP.
Dengan pemasangan Back To Top dalam blog, pelawat hanya perlu klik dan sepantas kilat akan dibawa je bahagian paling atas. Macam magik kan? Anda bole buat magik ni dengan meletakkan kod yang berikut.
Dengan pemasangan Back To Top dalam blog, pelawat hanya perlu klik dan sepantas kilat akan dibawa je bahagian paling atas. Macam magik kan? Anda bole buat magik ni dengan meletakkan kod yang berikut.
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><" src="http://static1.squarespace.com/static/531c9d7be4b063fa3e95cc97/t/533f2b4ee4b0d9f7ba807eb4/1396648783614/"/></a></div>
Cara letak kod Back To Top :
1. Klik pada layout
2. Klik Add Gadget ( Sebaiknya pilih yang paling bawah )
3. Pilih HTML/JavaScript
4. Copy Paste kod tersebut dalam content dan tekan save.
5. Berjaya
Apa? Butang Back To Top ni tak cantik?
Anda boleh cari imej lain dan gantikan pada url merah tersebut. Untuk memudahkan anda, saya sediakan koleksi butang Back To Top daripada google.
Copy kod ni dan letakkan di Add Gadget :
Grey
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgToS_mndUKPtwX5S-VhrxmFEEeNyBPSCkiARwn3hMV6aHJksmHoqqVHWDK8DK3q9Dg-73IiQAbU2AERgsykgr0R7VD96tzcNyYYPInl8letlUJbEid92ChXLyvOZmqBYXAj5Lr4Ak8AHc/s1600/Back_to_top_icon.png"/></a></div>
Blue
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTnriJiTVSdy-9dk-FAzHTiKlnRDQkcxjxvYSuWQ65mHjaFY2T1J33__ALeZ2Cxd41_lyQIPl0YCJ9_CgU7gXxAJQU1tJJ5rWcAG3csK9p7-C5QeY7yQHa0ZKTqzUhWokJVQ0zR0IFOwU/s1600/back-top-button.png"/></a></div>
Owl
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNVRGGoTL2Xv_Y-2TuAI5liWbit0Q2okLD2gLLRXgZBtouVjTvta1qokvMCC_gXvLeoxaFCXUEZy4-QGXuMgVHAQNjnPAQBmfXkxRsApHm8ybCcGaXTlxd333AN_3MNMwoJB5actuc5Bc/s1600/BackToTopButtonRevised_zps41897e9f.png"/></a></div>
Besi
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><" src="http://2010.igem.org/wiki/images/8/87/Top.png"/></a></div>
Pink
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><" src="http://benjaminandrewmoore.com/back%20to%20top%20button.png"/></a></div>
Anime
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgviWgNos5nbRVX6MSvfest_G29bWZ9eQXkSeEAIk0wDmMdJhdD0bWi8EieJJpdxlCJzOE7DVZtuc1-CK4a2tTpW_7gUOOw7r6x3OwAgyopCuUwbbCvRkpDq1T8Y1sC0hpBE3T5Vm5w16c/s1600/tumblr_static_tutor-back-to-top-button.png"/></a></div>
Sumber Kod : Sumber : http://lbtblogging.blogspot.com/