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

 
<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! :)

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Odette's Blog - Odette's - Follow Instagram Odettes - Contact Me Sally Tan -