Bagaimana cara menyisipkan footnote ke dalam artikel sebuah blog. Seringkali kita jumpai sebuah footnote atau catatan kaki didalam artikel sebuah buku yang kita baca atau skripsi yang Anda buat. Tentu dengan adanya footnote akan menjadi rapi disetiap halamannya.
Lalu bagaimana cara kita menerapkan pada artikel blog? Disini kita cukup menambahkan sedikit css didalam template dan menyisipkan sedikit html di dalam artikel ketika kita membuatnya.
Pertama kita tambahkan dulu sebuah ccs seperti dibawah ini:
Customization:
- solid #cccccc bisa Anda ganti jenis border dotted, double, dashed. Demikian juga dengan warnanya.
- demikian juga dengan batas kiri juga bisa Anda rubah sesuai kebutuhan
Nah sekarang bagaimana cara menerapkannya. Buatlah sebuah artikel atau mengedit artikel yang sudah ada. Pilih mode HTML kemudian tuliskan artikel Anda. Sisipkan kode dibawah ini setiap Anda menambah footnote.
Contoh:
hasilnya akan seperti ini setelah kita publish.
Setelah penulisan artikel selesai, sisipkan deskripsi dari footnote-footnote tersebut di akhir artikel dengan menyisipkan kode dibawah ini
Customization:
Angka-angka diatas bisa Anda ganti menggunakan angka didalam kurung seperti ini (1) (2) atau [1] [2] dan seterusnya tergantung selera.
Langkah terakhir, publish artikel Anda dan lihat hasilnya.
Lalu bagaimana cara kita menerapkan pada artikel blog? Disini kita cukup menambahkan sedikit css didalam template dan menyisipkan sedikit html di dalam artikel ketika kita membuatnya.
Pertama kita tambahkan dulu sebuah ccs seperti dibawah ini:
- Login ke akun blogger dashboard
- Masuk ke Template >> Edit HTML (backup template dahulu jika Anda rasa perlu)
- Sisipkan kode kode dibawah ini diatas kode ]]></b:skin>
- Save template
Customization:
- solid #cccccc bisa Anda ganti jenis border dotted, double, dashed. Demikian juga dengan warnanya.
- demikian juga dengan batas kiri juga bisa Anda rubah sesuai kebutuhan
Nah sekarang bagaimana cara menerapkannya. Buatlah sebuah artikel atau mengedit artikel yang sudah ada. Pilih mode HTML kemudian tuliskan artikel Anda. Sisipkan kode dibawah ini setiap Anda menambah footnote.
<sup><a href="#1">1</a></sup>
<sup><a href="#2">2</a></sup>
<sup><a href="#3">3</a></sup>
dan seterusnya...
Contoh:
membuat contoh footnote<sup><a href="#1">1</a></sup>
hasilnya akan seperti ini setelah kita publish.
membuat contoh footnote1
Setelah penulisan artikel selesai, sisipkan deskripsi dari footnote-footnote tersebut di akhir artikel dengan menyisipkan kode dibawah ini
<div class="footnote">Ganti "deskripsi footnote" diatas menurut deskripsi footnote-footnote yang Anda buat. Contoh hasilnya bisa Anda lihat dipostingan ini.
<a name="1"><sup>1</sup></a>deskripsi footnote 1
<a name="2"><sup>2</sup></a>deskripsi footnote 2
<a name="3"><sup>3</sup></a>deskripsi footnote 3
dst...
</div>
Customization:
Angka-angka diatas bisa Anda ganti menggunakan angka didalam kurung seperti ini (1) (2) atau [1] [2] dan seterusnya tergantung selera.
Langkah terakhir, publish artikel Anda dan lihat hasilnya.
1 contoh deskripsi footnote 1