Membuat Tombol Keatas, Ketengah, Kebawah Di Artikel Blog

Membuat Tombol Keatas, Ketengah, Kebawah Di Artikel Blog - Sebagai pemula yang masih belajar, saya tidak tahu apa nama sebenarnya dari fungsi untuk judul artikel ini yaitu Membuat Tombol Keatas, Ketengah, Kebawah Di Artikel Blog. Saya menganggapnya sebagai link direct yang mempunyai fungsi mengalihkan secara langsung bagian-bagian tertentu dalam sebuah paragrap artikel blog. Fungsi ini sangat berguna untuk artikel prview atau blog-blog tutorial yang memiliki artikel yang banyak, sehingga akan memudahkan pembaca artikel tersebut untuk mengeksplore isi dari artikel yang dibacanya.

Misalnya, saat kita membaca sebuah paragrap pertama dari suatu artikel, kadang kita menyematkan sebuah kalimat "Silahkan lihat contohnya dibawah ini". Tentu seorang pembaca akan ingin melihat secara langsung contohnya tersebut tapi karena banyaknya artikel membuat pembaca tersebut akan mengklik scroll bar yang ada di samping layar monitor sobat dan ini akan membuat artikel tersebut kurang nyaman karena setelah melihat contohnya pembaca itu akan kembali kebagian atas dan akan melakukan cara yang sama yaitu mengklik scroll bar yang ada disamping layar monitor.

Demi kenyamanan pembaca blog sobat, tentu sobat tidak ingin pembaca blog sobat mengeluh "Waduh, artikelnya panjang banget...". maka artikel membuat tombol keatas, ketengah, kebawah di artikel blog ini saya buat khusus untuk sobat dan khususnya blog yang menganut artikel panjang atau blog yang menampilkan gambar-gambar.
Biar tidak bingung dengan artikel ini, saya berikan langsung contohnya sebagai berikut

Contoh Membuat Tombol Keatas, Ketengah, Kebawah Di Artikel Blog

Untuk membaca artikel selanjutnya Klik Disini
The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

Untuk membaca bagian artikel Klik Disini
The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

Untuk membaca artikel terakhir Klik Disini
The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

Artikel selanjutnya ada disini Om..
The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

Bagian artikel ada disini Om..
The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

Artikel terakhir ada disini Om..
The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

Bagiamana menarik bukan? Dengan membuat tombol keatas, ketengah, kebawah di artikel blog ini maka pembaca blog tidak perlu lagi mengkkli scroll bar tapi cukup mengikuti perintah yang sobat tulis dialam artikel.

Lalu bagaimana cara membuat tombol keatas, ketengah, kebawah di artikel blog tersebut? sobat cukup memasang link manipulasi yang mengarahkan kebagian-bagian tertentu di dalam artikel blog sobat, silahkan pasang link berikut ini

<a href="#atas">Klik Disini</a> link directnya <a name="atas"></a>
<a href="#tengah">Klik Disini</a> link directnya <a name="tengah"></a>
<a href="#bawah">Klik Disini</a> link directnya <a name="bawah"></a>

Penerapannya dalam artikel

<a href="#atas">Judul artikel</a>
Isi artikel bagian atas ada disini

<a href="#tengah">Judul artikel</a>
Isi artikel bagian tengan ada disini

<a href="#bawah">Judul artikel</a>
Isi artikel bagian bawah ada disini


<a name="atas"></a>Judul artikel....
Isi artikel lengkap bagian atas ada sini

<a name="tengah"></a>Judul artikel....
Isi artikel lengkap bagian tengah ada sini

<a name="bawah"></a>Judul artikel....
Isi artikel lengkap bagian bawah ada sini

Bagaimana mudah bukan bukan? Silahkan berkreasi sesuai keinginan sobat karena sobat bisa merubah perintah diatas secara suka-suka asalkan formatnya tetap seperti itu. Dan jika ada yang belum mengerti, mari kita bahas bersama dengan meningglkan komentar untuk artikel ini, Membuat Tombol Keatas, Ketengah, Kebawah Di Artikel Blog