Cara Membuat Catatan Kaki Pada Blogger atau Blogspot

Mungkin anda sering membaca buku, laporan penelitian dan sebagainya, nah..! dari yang anda baca pasti tidak terlepas dari footnote/catatan kaki, yaitu adanya anka/huruf kecil pada akhir kalimat tertentu, dimana anka/huruf kecil tersebut menunjukkan suatu keterangan.
Dan bagi anda yang dekat dengan MS word itu adalah langkah mudah dalam pembuatannya, tapi bagaimana jika anda sedang menulis artikel di blogger??, berikut sedikit penjelasan tentang bagimana membuat footnote pada blogspot:
Caranya tidak begitu sulit cuman kita harus agak sedikit memelototi langkah - langkah berikut. akan tetapi saya yakin anda sanggup dan bisa untuk melakukannya, Yang harus anda lakukan adalah:


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:

    Si Teo Anak Cakep
    Teo Itu Ganteng
    Teo itu Pria sejati
Nah sekarang pasanglah tiga kode diatas pada akhir tiga kalimat tersebut sehingga menjadi:

    Si Teo Anak Cakep^{<a href="#1">[1]</a>}
    Teo Itu Ganteng^{<a href="#2">[2]</a>}
    Teo itu Pria sejati^{<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 teo cakep,hal. 1
penjelasan footnote 1 dengan teo ganteng,hal. 2
penjelasan footnote 1 dengan teo pria sejati,hal. 3

Dan hasilnya kira-kira bisa dilihat sendiri