Cara Membuat Footnote Pada Blog

Maaf beribu maaf para sobat blogger, beberapa hari ini blog jarang update.

Nah, sekarang aku akan postingkan tentang tutorial lagi.Udah sejak lama sekali sejak blog ini gak pernah mem publish tutorial.Dalam tutorial kali ini, aku akan menjelaskan tentang cara membuat footnote pada blog.Bagi yang sering berkutat sama MS.Word pasti sering nih ngelihat atau bahkan mempergunakan.Bagi yang belum tau bisa melihat screenshot dibawah ini.

Ini namanya Footnote

Kalo [1] nya di klik dia akan langsung menuju catatan dibawah artikel tersebut.Inilah yang disebut footnote.Screenshot nya dibawah ini.

Sudah jelas kan sekarang?
Oke, sekarang tutorial cara membuatnya.Perhatikan baik-baik langkah-langkahnya karena akan sangat sulit sekali [lebay ah...].

1. Login ke blogger.
2. Masuk ke tab Tata Letak-->Edit HTML
3. Kalau mau di backup, bisa back up dulu template sobat.
4. Kemudian kopi dan paste kode dibawah ini diatas kode ]]></b:skin>

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

Kode berwarna merah adalah ketebalan border nya
Kode berwarna hijau adalah gaya dari bordernya
Kode berwarna biru adalah warna dari border tersebut

5. Klik save template.
6. Buka tab posting dan klik tab entri baru.
7. Jika ada kata yang ingin dijelaskan, ketik kode dibawah ini

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...

Cat : Nomor urut footnote-nya dibuat berurutan

8. Di akhir postingan, masukan kode dibawah ini

<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>

Cat: Yang ini juga sebaiknya dibuat berurutan.

9. Klik publish jika sudah selesai.
10. Selesai deh.

Footnote ini seperti link, bedanya kalo link dia ke page berbeda.Tapi kalo footnote cukup di satu page.


Nah, tutorial kali ini sekian dulu.Jika ada yang menarik lagi akan kupostingkan juga disini.
Sampai jumpa sobat.....

Dapatkan Artikel terbaru dari blog ini, langsung ke e-mail anda dengan berlangganan disini.

Enter your email address:

Delivered by FeedBurner

Sudah Baca Yang Ini ?

Tutorial Blogspot

• Membuat Daftar Isi Berdasarkan Kategori
• Cara Membuat Widget Dibawah Postingan
• Cara Membuat Navigasi Horizontal Pada Blog
• Cara Membuat Scroll Pada Label
• Membuat Daftar Isi Pada Halaman Berbeda
• Membuat Nomor Urut Komentar
• Cara Membuat Refresh Otomatis
• Cara Memasang Emoticon Di Kotak Komentar
• Menghilangkan Border Pada Image
• Cara Menambah Kolom Disebelah Header
• Membuat 2 Atau 3 Kolom Dibawah Header
• Cara Membuat Elemen Dibawah Header
• Cursor Bertabur Bintang Warna-Warni
• Cara Membuat Kolom Iklan
• Membuat Scroll Pada Komentar Pengunjung
• Cara Memodifikasi Kotak Komentar
• Membuat Pencarian Label Menjadi Judul Postingan
• Setting Template Blogmu Agar SEO Friendly
• Cara Membuat Artikel Terkait Selain Linkwithin
• Membuat Cursor Diikuti Text
• Membuat Komentar Admin Beda Warna
• Cara Membuat Headline News Di Blog
• Cara Memasang Widget Translate Di Blog
• Cara Menyembunyikan NavBar Di Blogspot