Cara Membuat Catatan Kaki (Footnote) di WordPress

Tajukkelana.com Cara Membuat Catatan Kaki di WordPress – Selamat datang, kini admint mau membagikan cara alias turorial ataupun tips membuat catatan kaki (footnote) di wordpress.

Kamu pengen punya artikel yang “kelihatan” ilmiah dengan menyertakan footnote di dalamnya? atau kamu ingin seperti artikel di wikipedia yang menyertakan footnote? berikut simak caranya.

Oya ini artikel admint yang (pertama kali) menampakkan footnote di dalamnya, ucapan doa untuk orang sakit. Contoh Riil di artikel ini 1 dan ₂ juga ³.

Catatan: wordpress.com itu yang gratis, misalnya namaku.wordpress.com. Sedangkan kata “wordpress” saja yang admint maksud di sini ialah CMS* WordPress (misalnya tajukkelana.com; beli domain, sewa hosting dan menggunakan CMS WordPress) atau wordpress self hosting

*CMS (Content Manajemen System) e.g wordpress, joomla, drupal, dsb

Menggunakan Plugin Footnote di WordPress

Bagi kamu yang memang artikelnya banyak menggunakan footnote. Maka cara ini (menggunakan plugin) adalah yang paling bagus nan efektif-efisien daripada cara manual.

Sama seperti admint yang menggunakan plugin TOC (Table of Contents/Daftar Isi) untuk memudahkan pembaca (yaiyalah… rempong nulis script sebanyak itu hanya untuk beberapa baris TOC)

Oya kalau selain wordpress gimana mint? sejauh ini kok cuma bisa manual ya. Tapi gini deh… coba kamu buatnya di wordpress (yang pakai plugin) kemudian kode htmlnya kamu salin, kemudian kamu tempel (misalnya di blogger)

Namun, bagi kamu yang artikelnya memang jarang ada footnotenya, maka cara manual lebih direkomendasikan. Daripada install-install plugin, salah salah jadi masalah. Kebanyakan plugin juga tidak baik (website admint yang satunya lemot banget dashboardnya, beda ama yang ini 😀 )

Sebenarnya, banyak sih plugin membuat footnote, tinggal search aja di Plugin>Add New. Admint kagak nyaranin pakai plugin A atau B, soalnya admint juga tidak pakai. Artikel ini admint buat juga buat backup, agar nanti kalau cari tidak perlu search google lagi

Cara Manual Membuat Catatan Kaki

Catatan! Buatnya/merancangnya di View as HTML (entah apa nama tepatnya kalau di wordpress.com atau blogger atau yang lain).

Karena kalau tidak begitu, kamu akan bingung sendiri. Di mode visual (normal), penempatan “kode” bisa mengakibatkan kode tidak bekerja atau hasilnya tidak sesuai bahkan eror. Memang ribet kalau di View as HTML, tapi lebih ribet lagi kalau gak jadi-jadi XD

Ini merupakan solusi bagi kamu yang menggunakan website gratisan (blogspot, wordpress.com, weebly dsb) karena fitur dari plugin (umumnya) tidak tersedia di versi gratisan. Berikut kodenya

Letakkan di Atas (Artikel)

Salin kode di bawah ini, dan tempelkan ke mode HTML. Ini merupakan kode standard ya… bagi kamu yang ingin pasang superscript ^superscript atau subscript _subscript maka kodenya di bawahnya lagi

*

<a href="#X" id="refX">[CATATAN KAKI]</a>

Hasil Penampakan [CATATAN KAKI]

*

Kode standard superscript ^superscript atau subscript _subscript

<sup>superscript</sup>

<sub>subscript</sub>

*

Hasil penampakan kolaborasi kode standard dan kode superscript ^{[catatan kaki Superscript]} kalau ini Subscript _{[catatan kaki Subscript]}

<a href="#X" id="refX"><sup>[catatan kaki Superscript]</sup></a>
<a href="#X" id="refX"><sub>[catatan kaki Subscript]</sub></a>

*

Petunjuk Warna

Kode Standard

<a href="#X" id="refX">[CATATAN KAKI]</a>  

Kode yang sudah ditambahi superscript ^superscript atau subscript _subscript

<a href="#X" id="refX"><sup>[catatan kaki Superscript]</sup></a>
<a href="#X" id="refX"><sub>[catatan kaki Subscript]</sub></a>

*

Merah yang kamu ganti

Biru: kode footnote utama

Hijau tempat kode Superscript atau Subscript (sebenarnya gak saklek seperti itu sih. Kamu pasang seperti ini juga bisa</a></sub>)

*

X bisa diganti dengan katamu sendiri, e.g 1 2 3

[CATATAN KAKI] bisa diganti dengan “apa saja” e.g 1, 2, 3, a, b, c, dan seterusnya  [sesuai penomoran catatan kaki atau yang lain]

Letakkan di Bawah (Sebagai Referensi)

<a href="#refX" id="X">[KEMBALI KE ATAS]</a>

Hasilnya akan seperti ini [KEMBALI KE ATAS] , sedangkan di bawah ini perpaduan subscript dan superscript

<a href="#refX" id="X"><sub>[KEMBALI KE ATAS SUBSCRIPT]</sub>

<a href="#refX" id="X"><sup>[KEMBALI KE ATAS SUPERSCRIPT]</sup>

TAPIIIIII!!!!!!!

untuk contoh hasil riil silahkan lihat di bawah ini

Hasilnya dan Contoh Penerapan Kode Membuat Footnote

Bagi kamu yang bingung, admint langsung kasih contoh saja ya… kode yang di baris pertama yang atas, dan baris kedua yang bawah (sebagai referensinya). Dengan ketentuan meletakkannya dengan view as HTML (atau sejenis itulah)

1 Ini Hasilnya yang di atas (klik saja) *tanpa subscript dan tanpa superscript, kodenya:

*yang pertama yang atas, yang kedua yang bawah

<a href="#1" id="ref1">1</a>

<a href="#ref1" id="1">1</a>

₂ Ini Hasil yang kedua

*yang pertama yang atas, yang kedua yang bawah

<a href="#2" id="ref2"><sub>2</sub></a>

<a href="#ref2" id="2"><sub>2</sub></a>

³ Ini Hasil yang ketiga

*yang pertama yang atas, yang kedua yang bawah

<a href="#3" id="ref3"><sup>3</sup></a>

<a href="#ref3" id="3"><sup>3</sup></a>