Senin, 08 Januari 2018
Oh iya, sebelumnya apakah udah tau apa itu Jump Link ? mari aku kasih tau sedikit ihwal Jump Link.
Apa itu Jump Link?
Jump Link ialah sebuah Internal Link yang mengarah ke bab halaman tertentu. Jump Link berkhasiat supaya memudahkan seseorang ketika sedang membaca artikel atau info pada sebuah situs.Makara contohnya ada sebuah artikel yang tulisannya panjang banget. Agar yang membaca sanggup menemukan apa yang ia cari, maka diberikanlah Jump Link.
Untuk pola lainnya anda sanggup mengunjungi website wikipedia. Disana anda akan menemukan beberapa Jump Link. Yup kenapa wikipedia memakai Jump Link ialah supaya mempermudah pembaca mencari informasi.
Contoh Jump Link lainnya ialah ketika anda mengunjungi sebuah situs yang memakai One Page. Ituloh situs yang yang tampilannya vertikal atau horizontal doang tanpa adanya elemen lain kecuali halaman yang berada di atasnya. Biasanya situs yang tampilannya One Page memakai Jump Link untuk memudahkan atau mengarahkan pengunjung ke halaman yang dimaksud.
Setelah mengetahui kegunaan dan pola situs yang memakai Jump Link saatnya aku berikan tutor memakai Jump Link di postingan Blog atau Wordpress.
Pertama
Anda siapkan postingan, siapkan yang sudah jadi ditulis, pake gambar, label, deskripsi, seo, ahk pokoknya yang sudah hingga tahap akhirKedua
masuk ke mode edit html, jangan yang compose.Ketiga
Letakan sebuah kata atau juga sanggup kalimat yang akan dipakai sebagai kawasan loncatan. Misalkan:<a href="#jump">Jump Link</a>
Keempat
Cari lokasi definisi atau klarifikasi lebih lanjut ihwal kata Jump Lnk<div id="jump"></div> Apa itu Jump Link
Kode "#jump" ialah kawasan locat, dan instruksi "jump" ialah kawasan pendaratan / lokasi Jump Link. Untuk peletakan Jump Link biasanya dipakai dari atas turun ke bawah halaman. Misalkan anda menciptakan daftar situs berguru html, nah anda buat terlebih dahulu sebuah daftar dengan bullet list atau numbered list. Nanti tiap daftar dipakai Jump Link supaya menuju ke definisinya lebih lanjut ke bawah. Tapi sanggup juga kok anda menciptakan link loncatannya di bawah.
Perlu diingat, jangan kembali ke mode compose. Jika anda kembali ke mode Compose, instruksi Jump Link akan berubah.
Atau anda sanggup juga memakai pola Jump Link berupa instruksi html yang sanggup anda gunakan pada halaman html anda sebagai materi pelajaran. Berikut instruksi Jump Link untuk html.<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Duniailkom</title>
</head>
<body>
<h3 id="judul1">Belajar Jump Link</h3>
<p id="paragraf1">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf2">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf3">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf4">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf5">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf6">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf7">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf8">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf9">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<p id="paragraf10">HTML ialah abreviasi dari Hypertext Markup Language.
Disebut hypertext alasannya di dalam HTML sebuah text biasa sanggup
berfungsi lain, kita sanggup membuatnya menjadi link yang sanggup
berpindah dari satu halaman ke halaman lainnya dengan
hanya meng-klik text tersebut.</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#judul1">Kembali ke judul pertama</a>
<br />
<a href="#paragraf1">Kembali ke paragraf pertama</a>
</body>
</html>
Silahkan copy instruksi dan teks di atas. Untuk lebih lanjut silahkan tengok demo berikut ini.
Live Demo
Sumber https://www.exppoin.com/
Share This :
comment 0 Comment
more_vert