Cara Membuat Tombol Back To Top di Blog

Tombol ini biasanya ada di sebelah kanan bawah dan berfungsi untuk mempermudah pengunjung blog membaca kembali bagian atas halaman lebih cepat daripada menggunakan scroll mouse ke atas. Berikut ini caranya : 

1. Log in ke www.blogger.com 
2. Klik Tata Letak 
3. Klik Tambah Gadget 
4. Klik HTML/ Java Script 
5. Copy dan Paste kode dibawah ini (Ctrl+C → Ctrl+V)

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL Icon Back To Top" /></a>
6. Ganti tulisan URL Icon Back To Top dengan salah satu link dibawah ini yang Anda pilih:


Kode Script:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-mfZRdDMiGlXoBKByoq0djaA8Gn1LRTdmrdcagav7ZmweWU1CEtsK-E9qidXv4oIAvKB7TpGtL3Cn5hu7P82oRzOFXAQOxkxIyqi90QIOu6aT6mTvPS3bg0a3Q35x0GY4AJP5CignHbAT/s1600/back+to+top15.png

Kode Script:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQhbSVLz5qzyyL-TPuA_iicbQgPNelSUHJ123z2VvApYp7VSPGWZWBUhyt2OHM96dDuQfP1Ts1Wp-HSMpcHibQOqbLdZsxKoMAh9CNLR0gYyMsI4xmNOZorLCCUQFpi33cwgkS9zNmMXwU/s1600/back+to+top9.gif

Kode Script:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiotFMoHQU3KOpZpMJZn5M1NyYGAiYsq7X-5C_QGMj46bptGx4ixbu9xBJCoj1Ip6mrJxX6ZAFLs3QMa6on8THG7UzFaxYPER3N59dXK4XQ1tly40bplnRC_WxMUyBjsVUqJcOkJKx78FzH/s400/bttp-13.png

Kode Script:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSd9cKiDhAXcDxMSk3cAbYO8V9vJfSDg2i3O_0FSR7j0RtdpYv1n_-1LratcFGRqh6wh6IJ_WcPW4YssMazrjPKEudT0FCuQf6PWwvGgQHV3i4hSkFgMzch04si1znpD5Aj0Spf2qLjySt/

Kode Script:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5swbVwqECC9C0STMkiiVCgTMdsamQr0lve_9r0jHf1GvPt8oXO2ehLJNiAqhJgWAasKLmB0S58UQGdT90-T66DIPdUgR2TUgTc35VI18dvmcD7eT7fUQhyphenhyphenFIuob_jr9ax14BdwP95jceF/s400/bttp-8.png

Kode Script:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVEoB1yJM2pQlFtTrPSEOObZgGC-2UtPnD8j96b-PKKmA-stx-QLhOO_Ns2Tn-MnfFXR02whkBNx4C88nmWT4ULRvKzx5FIl9hd1a5GFolM-u4_9UFhz53yOexFDk8A8WA6uElbb-d5dbO/s1600/back+to+top14.png
7. Simpan → Lihat Blog Anda

sumber: 
http://www.deknanda.com/2013/08/salam-jumpa-kembali-sobat-blogger_6.html#.UhmuqFL3AsY

0 comments:

Post a Comment