Menambahkan Footnote pada Blog

Anda yang familiar dengan Microsoft Word pasti tahu yang namanya footnote. Footnote, atau catatan kaki, biasa digunakan untuk menjelaskan istilah-istilah yang sulit dimengerti. Ini juga bisa digunakan sebagai pengganti fitur help/keterangan yang tempo hari pernah saya bahas. Seperti ini nih contoh gambarnya.

Untuk meihat aslinya, lihat di http://beritaduniamaya.blogspot.com/2010/03/segera-backup-blog-anda.html (promo MODE: ON).

Tertarik? Kalo iya, dorong aja... . Lakukan langkah-langkah berikut ini untuk memasang footnote pada blog anda.

1. Login ke Blogger dengan akun anda (jangan pake akun saya... nanti blog saya jadi acak-acakan... )

2. Terus klik menu Tata Letak > Edit HTML.

3. Backup dulu template anda.

4. Cari kode ]]></b:skin>, lalu ketikkan kode ini diatasnya.

/* Footnote CSS Code */
.footnote{
border-top:1px dashed #333;
padding:0 0 10px 0;
margin:10px 0 0 0;
font-size:smaller;
}

Ket: Kode yang berwarna merah adalah ketebalan dari border diatas footnote. Yang berwarna biru adalah gaya dari border tersebut. Sedangkan yang berwarna hijau adalah warna dari border tersebut.

5. Klik Simpan Template.

6. Beralih ke tab Posting, bukalah menu Entri Baru.

7. Klik tab Edit HTML.

8. Apabila ada kata/istilah yang ingin dijelaskan lewat footnote, ketiklah kode berikut.

Kata pertama yang ingin dijelaskan^{<a href="#1">[1]</a>} Kata kedua yang ingin dijelaskan^{<a href="#2">[2]</a>} Kata ketiga yang ingin dijelaskan^{<a href="#3">[3]</a>} Dan seterusnya...

Ket: Untuk nomor pada footnote tersebut sebaiknya berurutan (1, 2, 3, dst...).

9. Lalu, pada akhir postingan, ketikkanlah seperti berikut.

<div class="footnote">
<a name="1">[1]</a>Keterangan kata 1
<a name="2">[2]</a>Keterangan kata 2
<a name="3">[3]</a>Keterangan kata 3
Dan seterusnya...
</div>

Ket: Yang ini juga berurutan.

10. Terbitkan entri anda.

11. Lihat postingan anda.

Nah, pada postingan anda akan ada sebuah tanda dari footnote, seperti dibawah ini.

Nah, jika pengunjung blog anda mengkliknya, maka dia akan langsung dibawa ke bagian dari footnote tersebut.

Semoga postingan ini bermanfaat. Ngopi dulu ahh...

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya