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 */7. Kemudian Simpan Template
.footnote{
border-top:1px dashed #333;
padding:0 0 10px 0;
margin:10px 0 0 0;
font-size:smaller;
}
8. Klik tab Posting dan pilihlah Buat Entri Baru
9. Pilih penulisan Edit HTML
10.Perhatikan kode berikut:
<sup><a href="#1">[1]</a></sup>* 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:
<sup><a href="#2">[2]</a></sup>
<sup><a href="#3">[3]</a></sup>
Kerbau Pak Mahdi tiga ekorNah sekarang pasanglah tiga kode diatas pada akhir tiga kalimat tersebut sehingga menjadi:
Budi rajin ke sekolah
Wati sedang menyiram bunga
Kerbau Pak Mahdi tiga ekor<sup><a href="#1">[1]</a></sup>11. Kemudian pada akhir postingan ketik kode berikut:
Budi rajin ke sekolah<sup><a href="#2">[2]</a></sup>
Wati sedang menyiram bunga<sup><a href="#3">[3]</a></sup>
<div class="footnote">* Gantilah kata penjelasan footnote dengan sebuan keterangan, misalnya:
<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>
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]Untuk melihat contohnya silakan klik salah satu link berikut:
Budi rajin ke sekolah[2]
Wati sedang menyiram bunga[3]
Rukun Shalat Menurut empat Mazhab
Wajib Shalat dan Sah Sah Shalat
Pelayanan Dalam Perbankan
Source: sahabat-amrin.blogspot.com