Membuat Tautan ke Heading
Dalam membuat dokumen, kita sering kali ingin membuat link ke section atau heading tertentu dalam dokumen tersebut. Atau di sini saya menyebutnya sebagai internal link. Misalkan, kalau dalam HTML, kita menggunakan tanda # lalu diikuti dengan nama dari link, kemudian di bagian yang dituju nanti tinggal ditambahkan id dengan nama link yang tadi. Kurang lebih ilustrasinya seperti berikut:
<ol> <li><a href="#pantai-watu-kodok">Pantai Watu Kodok</a></li> </ol> <h2 id="pantai-watu-kodok">Pantai Watu Kodok</h2>
Kalau harus memberi nama id secara manual, kan bisa keriting jari ini. Nah, di Org mode ini kita bisa memberi nama internal link secara otomatis.
Untuk lebih jelasnya perhatikan contoh berikut:
Misalkan kita punya daftar 10 tujuan wisata pantai di Gunungkidul Jogja:
- Pantai Watu Kodok
- Pantai Ngrenehan
- Pantai Indrayanti
- Pantai Timang
- Pantai Slili
- Pantai Sadeng
- Pantai Wediombo
- Pantai Siung
- Pantai Ngobaran
- Pantai Jogan
Di bagian bawah dokumen, kita membuat deskripsi singkat dari masing-masing pantai tersebut, misalnya:
Pantai Watu Kodok
Pantai Watu Kodok menawarkan pemandangan indah dengan nuansa alami yang masih eksotis dan perawan. Pantai ini masih relatif baru dan belum banyak dikunjungi oleh wisatawan. Nama "Watu Kodok" berasal dari batu karang yang ada di pantai ini, yang memiliki bentuk menyerupai hewan kodok. Itulah mengapa pantai ini dinamai Pantai Watu Kodok.
Pantai Ngrenehan
Pantai Ngrenehan menawarkan keindahan pemandangan laut dengan gugusan batu karang yang membentuk sebuah teluk yang dikelilingi oleh bukit karang. Pantai ini memiliki pasir putih yang luas dan suara ombak besar yang memecah di dinding perbukitan batu karang, menjadikan pantai ini semakin menakjubkan.
Pantai Indrayanti
Pang satu ini tidak usah ditanya lagi…. Pantai Indrayanti di Gunungkidul adalah salah satu destinasi wisata pantai di Yogyakarta yang sangat terkenal dan terkenal hingga ke mancanegara. Pantai ini adalah salah satu tempat yang wajib Anda kunjungi saat liburan di Gunungkidul. Pantai Indrayanti sering dianggap sebagai pantai yang indah dan penuh dengan nuansa romantis, dan sering dikunjungi oleh masyarakat lokal maupun wisatawan.
Pantai Timang
Pantai Slili
Pantai Sadeng
Pantai Wediombo
Pantai Siung
Pantai Ngobaran
Pantai Jogan
dan seterusnya, kemudian kita ingin ketika ada yang klik terhadap salah satu link pantai di daftar 10 pantai di atas, maka secara otomatis akan lompat ke heading yang sesuai. Seperti yang terlihat di atas.
Caranya?
Mudah, buat saja link seperti biasa di org, misal untuk Pantai Watu Kodok, maka linknya adalah sebagai berikut:
[[Pantai Watu Kodok][Pantai Watu Kodok]]
Update:
Bahkan kita cukup menuliskan seperti ini ternyata sudah bisa:
[[Pantai Jogan]]
Kuncinya adalah ID dari link harus sama persis dengan section atau heading yang kita tuju.
Setelah itu, tinggal export seperti biasa, dan secara otomatis akan membuat id untuk link tersebut untuk kita… great!!
Membuat Tautan ke Baris Tertentu
Untuk mempermudah pembaca, kadang kita ingin membuat tautan ke kata dalam baris tertentu, tujuannya biar pembaca tidak usah scroll terlalu banyak ke atas atau ke bawah. Seperti dalam contoh ini, saya akan membuat tautan ke baris di mana terdapat kata HTML (paragraf pertama).
Caranya adalah dengan menambahkan karakter << dan >> di sebelah kata yang ingin kita buat link.1 Berikut ini contohnya, saya tuliskan ulang sebagian kata dari paragraf pertama di atas, biar tidak bingung.
Misalkan, kalau dalam <<target-HTML>>HTML, kita menggunakan
Kemudian, di sini saya akan membuat tautan ke baris di mana terdapat kata HTML di atas dengan membuat link seperti biasa. Misalkan:
Merujuk pada kata [[target-HTML][HTML]] di atas, blablabla...
Hasilnya:
Merujuk pada kata HTML di atas, blablabla…
Membuat Tautan ke Item
Atau kadang kita ingin membuat tautan ke sebuah item tertentu, misalkan dalam contoh ini tautan ke item no. 8, yakni Pantai Siung. Caranya adalah:
8. <<pantai siung>>Pantai Siung
Kemudian:
Mengacu pada item no. [[pantai siung]] di atas blablabla...
Hasilnya, org mode akan langsung mengganti tautan dengan nomor yang terletak di sebelah kiri dari item yang mau kita tautkan.
Mengacu pada item no. 8 di atas, blablabla…
Membuat Tautan ke Gambar (Figure)
Untuk membuat tautan ke gambar, tambahkan property #+NAME
, seperti terlihat dalam kode berikut:
#+CAPTION: my caption #+NAME: fig:image1 [[link][link description]]
dan berikut ini adalah kode untuk membuat tautannya:
Menuju ke [[fig:image1][gambar]]
Demo:
Menuju ke gambar
Membuat Tautan dari Gambar ke Bagian Lain dalam Halaman
Misalkan saya punya gambar seperti di bawah ini:
Kemudian saya ingin membuat tautan ke heading pertama (Membuat Tautan ke Heading).
Caranya:
#+ATTR_HTML: :style display:block;width:150px; [[atas][https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Org-mode-unicorn.svg/800px-Org-mode-unicorn.svg.png]]
kemudian di heading, kita tambahkan
<<atas>>
Semoga bisa dipahami dan selamat mencoba….
Bacaan lebih lanjut:
Footnotes:
Ingat ya, di sebelah kata, bukan di katanya itu sendiri.