Home »
Blogger
»
Membuat Tombol Back to Top
Hai, guys.... I'm back with my tips & trick Blogger, (hha sok cinta laura yah gw). Trik ini dinamakan: "Back to Top", karena fungsinya adalah membawa anda menuju bagian paling atas blog anda, dengan sekali "click".
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>
Semoga bermanfaat....!!!!
Label: Blogger
Membuat Tombol Back to Top
Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang, sehingga anda tidak perlu men-scroll mouse anda untuk kembali ke bagian atas blog anda yang biasanya isinya adalah page navigation yang akan membawa pengunjung untuk menuju ke tautan blog anda.
Ok, langsung saja..!
Kita mulai dengan:
Ok, langsung saja..!
Kita mulai dengan:
- Login ke Blogger
- Layout>HTML/Javascript
- Lanjutkan dengan mencari code ini: </b:section>
- Pastikan code tersebut adalah code yang terletak di paling ahir atau paling bawah. Karna dalam pencarian, anda akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling ahir.
- Letakan code dibawah ini, tepat di bawah code: </b:section> tadi.
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>
Keterangan
- URL yang berwarna merah adalah URL tombol "Back to Top" yaitu seperti ini:
- Anda bisa mengganti gambar tersebut sesuai yang anda suka, kemudian ganti URL yang berwarna merah dengan URL gambar anda.
http://g.imagehost.org/0439/arrow_1.jpg
http://g.imagehost.org/0497/arrow_2.jpg
http://g.imagehost.org/0466/arrow_3.jpg
http://g.imagehost.org/0130/arrow_4.jpg
http://g.imagehost.org/0042/arrow_5.jpg
Semoga bermanfaat....!!!!
Label: Blogger
Artikel Sebelumya
Langganan:
Posting Komentar (Atom)
Posting Komentar