Beberapa hari yang lalu ada teman yang baru aja belajar ngeblog bertanya, bagaimana cara membuat link kembali ke atas atau back to top. Nah akhirnya kepikiran ingin membuat tomblo yang saat ini bila para reader (sok bahasa inggris dikit hehe,, reader=pembaca) lihat di blog ini di bagian pojok kiri bawah monitor ada sebuah icon berbentuk panah ke atas. Nah coba anda klik, maka akan kembali ke bagian atas bukan, saya meletakkan nya disitu karena terinspirasi pernah membaca artikel milik kendhin di blog nya trik-tips.
Untuk membuat link kembali ke awal, kembali ke atas atau back to top kita memerlukan dua buah kode yaitu :
Untuk melihat contohnya dapat dilihat di sini.
Kode diatas bisanya digunakan untuk postingan yang panjang, pernah membaca artikel di wikipedia di kolom content nya? dengan kode diatas kita dapat membuat model seperti itu, tidak hanya kembali keatas, bisa juga digunakan menjadi link ke bawah.
Kode diatas dapat anda modifikasi sesuai keinginan anda, bila ada yang masih bingung dapat ditanyakan melalui kolom komentar atau via email / YM.
Di postingan berikutnya saya akan menulis cara membuat button link kembali keatas, misalnya seperti tombol ini
, yang saya adopsi dari artikel kendhin.
Selamat mencoba
.
Baca juga: bagaimana membuat button link kembali ke atas.
Untuk membuat link kembali ke awal, kembali ke atas atau back to top kita memerlukan dua buah kode yaitu :
- <A NAME=”Awal”>awal</A> , kode ini sebagai check poin, hasil nya seperti ini awal.
- <a href=”URL_link#Awal”>kembali ke awal </a> , kode ini berfungsi sebagai link yang apabila kita klik maka akan kembali ke posisi di mana link yang pertama (check point) diletakkan. Ganti url_link dengan link postingan kamu. misalnya:
Untuk melihat contohnya dapat dilihat di sini.
Kode diatas bisanya digunakan untuk postingan yang panjang, pernah membaca artikel di wikipedia di kolom content nya? dengan kode diatas kita dapat membuat model seperti itu, tidak hanya kembali keatas, bisa juga digunakan menjadi link ke bawah.
Kode diatas dapat anda modifikasi sesuai keinginan anda, bila ada yang masih bingung dapat ditanyakan melalui kolom komentar atau via email / YM.
Di postingan berikutnya saya akan menulis cara membuat button link kembali keatas, misalnya seperti tombol ini

Selamat mencoba

Baca juga: bagaimana membuat button link kembali ke atas.
ok dech bos
ReplyDeletesip banget tutorialnya
di coba dulu bos
terimakasih banyak sobat atas artikelnya, sungguh sangat berguna sekali bagi kita semua :D Job Feed Aggregator, General Forum Discussion
ReplyDelete:))
ReplyDeleteartikel yang sangat bermanfaat sekali buat kita semua..
ReplyDeletesalam Admin : Sundulbet.com
www:sundulbet.com mohon untuk kunjungannya.