April 04, 2017

Tutorial: Back To Top Button

tutorial untuk meletakkan button "Back To Top" dalam blog.

1) Sign in akaun blogger

2) Dashboard > Design > Add A Gadget > Html / Javascript 

3) Copy paste kod di bawah pada ruang Html / Javascript tadi
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>

Nota: pada url gambar button dalam kod di atas, gantikan dengan url button pilihan anda. Di bawah ada disediakan pelbagai jenis button "back to top" untuk anda pilih. Just copy url dan letakkan pada url gambar button.

Contoh:
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="http://img205.imageshack.us/img205/7824/74211510.gif"></a>

Url button (Selain dari button-button ini, terdapat banyak lagi pilihan button yang boleh anda cari, search je  dekat google)
http://img205.imageshack.us/img205/7824/74211510.gif


http://img196.imageshack.us/img196/6670/49238758.png


http://img266.imageshack.us/img266/3325/81258407.png


http://img13.imageshack.us/img13/5533/20610818.png


http://img543.imageshack.us/img543/5941/62667078.png


http://img267.imageshack.us/img267/7242/36935517.png

http://img857.imageshack.us/img857/4428/12543870.png


http://img17.imageshack.us/img17/3190/51122514.png


http://img31.imageshack.us/img31/9105/57461251.png


http://img811.imageshack.us/img811/5130/38543106.png


http://img26.imageshack.us/img26/2135/83340054.png


http://img859.imageshack.us/img859/7859/17455371.png
http://img842.imageshack.us/img842/6354/35069921.png


http://img853.imageshack.us/img853/6601/14069169.png


https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/12.gif


 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC8msoQ484oy5gChboZUeoVCmBCVOTmNEKhOTM2IOFIvOlnIDpHwJ-FD3mqvO-kHPbKYxwXKhu1MAZi7043KwZA6599FsALAPo4uKssm1dErzo0ntUgH2w9hp8RLNG2s6czJUWRuS-s_w/s1600/back+to+top.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0S7lwZxuwB00GZLUfvIbSawsx8YoU41nRfTHV511jiCV0b_ncxmyhqS6AOLO0sxYSBAaFQEIOOHyWl4cg4RCwu3h9XzDHJha3d8FDzApP6tftHDPzc2LIwD4_TlW3eieKN1uPzb7ong/s1600/back+to+top.png 

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlGPFefOmxqGt68m4DmSKjwemOB04RbY_ikslxPlgl7ZQJ8qGRL3nTcp0bxR9SCVHvV69kEjEx3pix0JRI85QsRBlA4Wcy8mHLMfY4xDQQzmkcht-Qye1tfhmqf9pP6lonJep-_LGeEvg/s1600/back+to+top.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzGwb5e2TMlWRe17MtwBkIYP04gcMHFcZ1q_t61rKG5gzWbLwQTkYCkpYROjBP4JIyc6a66F4EJUjPtS-EpnyszJUlUHqFBsrnfkzJltSrQUCtLU2I-FrITxb3uQE4ZgpqhFSoL1subTI/s1600/back+to+top.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN0TeCRDZZovoMN11vG3Hom79eRCwq4BP7sDeTRfQtEBIfDs9NvWGbfKy0c-OosYQvuCjmmj01zvj5F4f2BQnVVrZ0XADcNNFKST_h6_URGUf067qINb7uQoux8dvvJ2wRqykBQcYlgwM/s1600/back+to+top+button.gif 

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbx9zIIYnc05ZVIc4Ho_ED7qBsEJ8ZURqD5uFM18GtzGVPIV4as9V2MrLyqMC39pIX2QsG4aaKvw6LvtALd8kGq6V1Ea8F31gN_s38saB-LioQkwaeKuWie_rj3J0TCdkRdqNcyHkjhJQ/s1600/back+to+top+button.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijhOSV4Khomh2mq7Dym2WEF7_vMkoRUsH5RHfNgW1-i8wPIpSGfyIWc4DYPtc_U4kktV8sHyB5YBVQBA6yR8uFh81-xEPNsMtq1HshnF5lxhKMquRW3NYbDnZEBIj9NhjvS93UUAzJBu0/s1600/back+to+top+button.gif 

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg9Db8ycnNGdNFMBGkF-OQh968hR1NNX59Mts476xm-fDEwNQVkqMiF6EJQ9iUbDlzokyiL2JTQK6nVtVofWt7H5wSLDnvZgMn3QkjabeR1ToBrAzTlNks0Qvsel5FoV3PawDMyAGovno/s1600/back+to+top+button.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNvyvq0JsyuBkLv23eA-Ff801eWlRvsNKbbJ4LM9Y_XLym7yGuFwXSZV22lo7EV0Y_0XVUfCPQiMfvzZp_SMD6wy2Twtt0G8G8nsfItmyLiFKBdkGwyWzwbfJ3PNVMfHdf4NfALj1t7og/s1600/back+to+top.png 

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRTyB-NLPQrBfaxXv9weu9mCkyzWkN16eBSz86HgmnlvOZDV4OQluUMMqkVB-eD0jJjJiDZr8US-22PqhrnbEs5oHHgyqoVIZ0YGYu8OCAqE05Fbb3HPEa-kE59TNrYsHbGG-M_Ovym5I/s1600/Back-To-Top.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf8NZuf2VtOoZV5C8ZUrlm2qWIOa2sboEYuTM4POSTPXMh2eIdkqJk3mehl5b6hOAhWapzYZfT5RdMf9botn2cjuUe-oMQf8_eM3nI9MVnzcMMBcc0lDv52wA5W6E11HZTVZkBI5PRS2Q/s1600/back-to-top-button.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSlJ1qlSC8iL0jc0nKHYb_lwzBNJWnLRLPGbBpU59cWLKL3e3hirb2GhJRXhJJz3riKuWjZIugLqXdBX6JCNMV9QJlvfXYyMorEPDw-5IP1H4c7q0pRKumQJgb_62xBjQCNWNtNFblSDg/s1600/back-to-top-button.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcuagWmcvryVEReB0dnynsvS-M8RSAewCOTMWAEXS96HvcRg7FVSTPWJpdvdtJFdo-AqygqqbY_fuF0-8435K75KzSd_yIb2RTosq1-OiRcxbIjoK70id7MTmK5VxaD2LE0ih5sUELIcY/s1600/back-to-top-button.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW3sA7LBQe3IEFM4f0ntFK6FyR0tMQuMrJz8j0dexfbAjMw-kLnJxuV75xWP-ZUo-SeEOmtHAj1xVeS-FwAl_3D76wcMXJWvQNCwaFPbYMPRnanCw1u0kgqMBuzsfrxKDeqLuLtqIa0q8/s1600/Back-To-Top.png

 Back to Top di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwTJ4CytpuMrVyPb4hA2zuGJq8rWUXw-g72eQLbFbFEc4m-6PkHmRafTwb36KFttehu25rkLcNn-Lt24865WzK9073UP1pnws7pzxg1f4O0LnbRkpWN6WMAfL0_segn12oPtp_6C5qKYM/s1600/back_to_top_button.png

4) Save dan lihat hasilnya.

0 comments:

Catat Ulasan

Segala komen adalah hak dan tanggungjawab anda sendiri!!!
All comments are your own right and responsibility.!!!

Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.

Pengikut