Cara Membuat Catatan Kaki di Postingan Blogspot

Eits, si Pembaca datang..!!

     Apa kabar Sahabat Iwo'??.. Mudah-mudahan Sahabat selalu sehat sentausa, baik iman bagi yang punya iman hehe, maupun fisik bagi yang punya fisik. ??????????????????..
Udaaaaah... yang Gaib jangan mikirin Fisik.

    Langsung aja, kalau sahabat baca di postingan yang sekarang sahabat buka ini, sahabat akan mengetahui bagaimana cara membuat footnote atau catatan kaki di postingan blog layaknya catatan kaki dalam sebuah buku atau karya ilmiah lainnya. 

Langsung aja ikuti langkah-langkah berikut:  

1. Login ke akun blogger
2. Kemudian klik menu Tata Letak > Edit HTML.
3. Backup dulu template anda dengan mendownload template lengkap buat jaga-jaga jika terjadi kesalahan
4. Centang Expand Template Widget
5. Cari kode ]]></b:skin>
6. Copy paste kode berikut tepat di atas kode ]]></b:skin> tadi

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

     7.Kemudian Simpan Template
     8. Klik tab Posting dan pilihlah Buat Entri Baru
     9. Pilih penulisan Edit HTML
    10.Perhatikan kode berikut:

^{<a href="#1">[1]</a>}
^{<a href="#2">[2]</a>}
^{<a href="#3">[3]</a>}

* Tiga Kode diatas merupakan kode yang akan kita pasang pada tiga akhir kata/kalimat yang akan kita terangkan sebagai footnote, misalnya kita punya tiga kata/kalimat yang ingin dijadikan footnote, contoh:

Kerbau Pak Mahdi tiga ekor
Budi rajin ke sekolah
Wati sedang menyiram bunga

Nah sekarang pasanglah tiga kode diatas pada akhir tiga kalimat tersebut sehingga menjadi:

Kerbau Pak Mahdi tiga ekor^{<a href="#1">[1]</a>}
Budi rajin ke sekolah^{<a href="#2">[2]</a>}
Wati sedang menyiram bunga^{<a href="#3">[3]</a>}

     11. Kemudian pada akhir postingan ketik kode berikut:

<div class="footnote">
<a name="1">[1]</a>penjelasan footnote 1
<a name="2">[2]</a>penjelasan footnote 2
<a name="3">[3]</a>penjelasan footnote 3
</div>

* Gantilah kata penjelasan footnote dengan sebuan keterangan, misalnya:
penjelasan footnote 1 dengan Mahdi, Bahasa Indonesia, (PT.GR: Jakarta),hal. 1
penjelasan footnote 1 dengan Budi, Cerpen Anak, (PT.NM: Bandung),hal. 2
penjelasan footnote 1 dengan Wati, Seribu Puisi, (PT.HB: Banda Aceh),hal. 3

Dan hasilnya kira-kira seperti ini:

Kerbau Pak Mahdi tiga ekor^[1]
Budi rajin ke sekolah^[2]
Wati sedang menyiram bunga^[3]

[1]Mahdi, Bahasa Indonesia, (PT.GR: Jakarta),hal. 1
[2]Budi, Cerpen Anak, (PT.NM: Bandung),hal. 2
[3]Wati, Seribu Puisi, (PT.HB: Banda Aceh),hal. 3

Catatan: besar kecilnya footnote Sahabat atur manual aja.

Tweet

Postingan terkait:

• Menu Tab View
• Border Post
• Border
• Cara Membuat Tulisan Berjalan ( Marquee )
• Cara membuat menu scroll di blog atau website

Ditulis Sarwo Edi — Wednesday, March 5, 2014 — Add Comment — Blog