Friday, 22 June 2012

Cara Membuat Icon Back To Top di Blog

Salam blogger, pada kesempatan yang baik ini saya akan sedikit berbagi ilmu dan trik blogger yaitu cara mudah dan praktis untuk membuat icon kembali ke atas halaman atau sering disebut back to top. Back to top sangat penting peranannya jika anda posting suatu artikel yang panjang, dengan icon tersebut pengunjung blog anda tidak perlu gulung scrool lagi untuk kembali ke menu atas blog anda, tapi walaupun posting anda pendek-pendek icon ini tetap berguna karena setelah blog kita ramai pengunjung nanti, pasti komentar blognya juga banyak kan.

Berikut langkah-langkah membuat back to top di blog :
1. Login ke account blogger sobat
2. klik menu Template
3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang 
    bertuliskan "expand template widget"
6. kemudian cari kode </b:section>  ,agar pencarian lebih mudah sobat tekan 
    tombol ctrl+f lalu ketik kode tersebut
7. lalu copy kode dibawah ini dan letakan dibawah kode tadi
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='Masukan Url Gambar Disini'/></a>
    Ganti Teks Merah 'Masukan Url Gambar Disini' dengan url gambar yang akan 
    sobat jadikan icon back to top
8. Simpan Template


Jika sobat bingung cari gambar buat dijadikan icon, sobat pilih saja salah satu dari gambar dibawah ini, lalu copy url yang ada disampingnya. 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jEQzOhVB9W4gcA8Q5HgNZJklWvFmDXxEGv0M9X3NIrbXGgpbLM63w-tPv_0jlctkDWdif-AECpxsz9a0QIZllv0N9-rYkONI1el8K1bCSbzs37j_wEDWT61f09edVXQgAkB6sGzfr7o/s1600/Back-to-top1.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNDJ59SS-ylDkcGcDLkrD3nBuG8tT4vM7EqWo0GzkZeRr8djrZLvoRcznq2zGS02Co7n4CdW1FERKNVTKlcGzLFXcAbCVlV1jQ7g7_SjcjeisEZk_icD_PvRrpWk4B5GguR0jb50yKlc0/s1600/Back-to-top2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieflDiWvVSAYmoaVFfnnaqVumnBzZgD5FrhNVRcjj4U6XsPxb7JpKHfx80QD9tImq-p55fu82fKfPEHSfUHAtf1iJ1WAFRMNIN3EM_9VVYBmHxyN77YDgajNqXv6btl58pn6qFjCOvsLE/s1600/Back-to-top3.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrG7Eepv5loiN0cj_Jb0yB1pOFzzPPg-CBIRqqUzpgFZ3UNMbTpzwkgNgQlcIEZk0s7s-7AXJXnMloDfsLP70oLnoigCmYQX6cCXp-hVEVGXsqn4mAprsvfElFSmANdngMNOntHfPZq9s/s1600/Back-to-top4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinNWhMLXFOayM1_06Al5MyvOeobcFf3EymQVNQlAXHM-a_quxiN81B5XQFdk0jreH9JLOkgCLzArK2r0bXcAq_xrJhgZKbxqi__2oaYyzqRoi5OgoraBHJiYYqG2MkWE0R3yPk4-peLKo/s1600/Back-to-top5.jpg
Selamat mencoba dan semoga bermanfaat

No comments:

Post a Comment