Dec 15, 2009

Memasang Back To Top


Ada sesetengah blog yang memaparkan terlalu banyak topik dalam satu masa. Ia membuatkan blog itu menjadi terlalu panjang untuk diskrol dari atas ke bawah dan sebaliknya. Keadaan akan menjadi lebih buruk jika setiap topik juga melebihi 300 patah perkataan tanpa penggunaan baca selanjutnya. Justeru, penggunaan back to top atau lebih dikenali sebagai kembali ke atas akan memudahkan pelawat melihat semula bahagian atas blog anda.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari <body> dan letakkan kod ini di atasnya.

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:25px;' title='Back to Top | Kembali ke Atas'><img src='http://www.web.com/top.jpg'/></a>
4. Preview dan save template jika berpuashati.

Anda boleh menukar perkataan berwarna biru sama ada top (atas) atau bottom (bawah). Perkataan berwarna hijau pula boleh dipilih left (kiri) atau right (kanan). Gantikan tulisan berwarna merah dengan ikon anda sendiri.

Penulis menyediakan beberapa ikon untuk anda pilih. Gantikan sahaja kodnya dengan kod berwarna merah.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5DTG1BDT5cdjOlRmZt75_-dF9JDnRzQT0autQf6FjwDwtr1XTjfW4gVW75qVuZtCXlFRRCvod713XI929c64dNHaWi1_s59GPKLSXjlrxrvRI7_jhrI9THJ1BzoPcyTSHu5ns5A/s400/top1.gif



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJT1DLdXXx4ZC0hrKJh0uydyp8l6zwPZFeqmcuJL1pYiU35Cc74ayzWiOb6s12LZNgIkI7bjPVaUAP3s5j7Nrr-SajmCIi-MHi17fhyphenhyphenNuFgbkjO9hP19htKHqTqZaBFXX8iy8xxw/s400/top2.jpg



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTjEagC8wiJYie882Qz5Tk1nSWT4i86f0k0i5wgILhIB96ctNM0aWi32L7FBJMSlbLsrQDo5LsL5kVkeMcVdbSLgtYxe7yO_u_cHKyuOtN61NBXNsJoZ-_2JX3rbvl-3Px0NNAPA/s400/top3.jpg



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Vyn9CA1WWHoW4g_2CZPRmEUPEPooeuBo-45kRG634sOS-RLFEsI6nOjWAE440mcM7TkyiPOfw71PJ8TXoqhf6pyJ4ZlVUtwES6Z28NpAmHT9Hyk_sFKAPZaZ9VFRtGF0WANPCw/s400/top4.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNUJ5mPRBe_F9VtoicnuzTB4UG5oi0BHq1MDJAbhxUO78vX8rJrhC6bVO2CS_buwdH93VrEikNsOSb6UzxRNwIalmPi3x_K6foyByN5kE4bpE_YBSraNQKpYmmypc6BkH-ExqfA/s400/top5.gif

Selamat mencuba. Semoga sukses.

Via : Bloggerstop

4 Comment

ARIF ZARIPIN Fri Dec 18, 02:58:00 PM

salam...nice blog ni kak..nak blaja banyaklah....

Eriyza Fri Dec 18, 03:22:00 PM

Muhamad Arif Bin Zaripin : Wsalam. Boleh jer blajo kalo suka.

PisangGorengKeGorengPisang Thu Apr 01, 11:55:00 AM

salam,sangat menarik terima kasih teruskan usaha mengajar..

Eriyza Thu Apr 01, 11:20:00 PM

PisangGorengKeGorengPisang : Wsalam. Sesama.

Post a Comment

Gunakan tatabahasa yang betul sewaktu menulis komentar agar mudah difahami oleh penulis. Terima kasih. :-)

Sila ambil perhatian perkara² berikut :-

1. Tinggalkan nama dan url blog atau laman web anda.
2. HTML tag seperti <b>, <i>, <a> boleh digunakan.
3. Sila berhemah di dalam berbahasa.