- Back to Home »
- Tutorial »
- Cara Menambahkan Tombol 'Back To Top'
Posted by : Unknown
Senin, 26 Oktober 2015
Blogger biasanya menggunakan tombol "back to top" untuk memudahkan
pengunjung kembali ke bagian atas blog tanpa perlu scroll . Tombol ini biasanya diletakkan pada blog yang mempunyai entry
panjang ditambah pula dengan komen yang banyak.
Berikut adalah tutorial untuk meletakkan tombol "Back To Top" dalam blog.
1) Sign in akun blogger
2) Dashboard > Design > Add A Gadget > Html / Javascript
3) Copy paste kode di bawah pada ruang Html / Javascript tadi
Note: pada url gambar button dalam kode di atas, gantikan dengan url button pilihan anda. Di bawah ada disediakan berbagai jenis tombol "back to top" untuk anda pilih. Hanya copy url dan letakkan pada url gambar button.
Contoh:
4) Save dan lihat hasilnya.
Selamat mencoba! :)
Berikut adalah tutorial untuk meletakkan tombol "Back To Top" dalam blog.
1) Sign in akun blogger
2) Dashboard > Design > Add A Gadget > Html / Javascript
3) Copy paste kode 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>
Note: pada url gambar button dalam kode di atas, gantikan dengan url button pilihan anda. Di bawah ada disediakan berbagai jenis tombol "back to top" untuk anda pilih. Hanya 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 bisa anda cari, search saja digoogle)
http://img205.imageshack.us/img205/7824/74211510.gif
http://img196.imageshack.us/img196/6670/49238758.png
http://img196.imageshack.us/img196/6670/49238758.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://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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFIqT5WLfStiNSEcBFBikA2Dvv3jqCgf6aepOODBD1dLDAwRnITzDT0LNQblR7TfARloU552SGHw1azindlhlIdZhUuY1c9rymh3JZLoXOV8SpDT3K5Vo48HsWHYsZW88N5WhlxdJcAZV7/s1600/1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGjs2UNZEhG3zUHz9l9JJE5WFF2eoaWiVv7FnkocrvhbjIHfYje_KyAIQxazTX3WeKJOABRyrNbh9EY4Fumn8XUS-XyxBCNRRaS0rcnmeDtpo0Zm5sNDXkGMkdGdLG3pFZQxbxwuJaanwT/s1600/2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8Kkcve-UE8HoWVhVeQnB9rUB3QCvSF8TRs12ortQ8a4LIYA1k_-yFogrAmNHcHViksxMA-pd8XSNs0AOh6fT_Q6PmXtweUlrJGGHwi6UiMuTM0qb79gW-fLKrjc_IOBdLdjzK2BX-eGV/s1600/3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7H_wvJ41GuoFfYz2im_VmLi1f5o1q_egAI59GfdG_KuS2i0_pf1564f4HpBcBPRjyyYlwodoKeBQvpY3RC8-64rq0HQoxk6t23G2cfeQNr8nSZIhXYZuPIDikRQspBITdFlGFVXjpabW/s1600/4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtsPx4VtnT_xu2B9fVnPTyB32IZtEikm-IhV-Lpt5oQuqJXW7LdD8fvaDAeIxu4AqNbfERf7B2E4E7GGywc9GlUSHSfysjsxAi7rf29J1RCIhE4U1J5QtSyO9BMvy2NgoiT7WECf6hyphenhyphend8/s1600/5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkKB1hsCR1bClw8pbOPyYmNKl8cIfwkegdJ-zmS-S7wYbVtoTObdWgDCqqD4FagVP5S_1Y9TQ8pwshaCEVNTiGe0-UvqLjY-gw3d_Y6cbyUX45LxF2VsLb5xr0VMdB8xdze41uQZJE_Vu/s1600/chibi_commission___finnian_by_meguja-d4qwodc.png
4) Save dan lihat hasilnya.
Selamat mencoba! :)














