Bagaimana membuat catatan kaki / foot note pada artikel?

Saturday, August 25, 2012

Bagaimana membuat catatan kaki / foot note pada artikel?



Catatan kaki artikel biasanya dibuat untuk menyampaikan pesan kepada pengunjung blog. Baik itu ucapan terima kasih, ataupun peringatan untuk tidak melakukan copy paste tanpa memberikan kredit bagi blog kita.

Pada umumnya catatan kaki ini juga sudah terintegrasi dengan rich snippet, jadi contoh yang diberikan kali ini akan memadukan catatan kaki dengan rich snippet review yang sudah dibuat sebelumnya.
Jadi untuk membuatnya ikuti langkah-langkah sederhana berikut ini:
  • Masuk ke dalam akun blogspot anda
  • Pilih menu Template dan klik Edit HTML
  • Lanjutkan dan pilih Expand Widgets Template
  • Cari kode <data:post.body/>
  • Letakkan kode berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top: 30px; font-size: 11px; color:#777; padding:10px; background:#d4d4d4;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/>
Rating Blog: <span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
Ditulis oleh <span itemprop='reviewer'><data:post.author/></span><br/>
Anda sedang membaca artikel <b><data:post.title/></b>. Jika ingin mengutip, harap memberikan link aktif dofollow ke URL <b><data:post.url/></b>. Terima kasih sudah singgah di blog ini.
        </div>
        </div>
        </b:if>
Keterangan kode di atas:
  • Kode dengan latar kuning adalah kode untuk memerintahkan HTML code hanya dieksekusi pada halaman-halaman artikel saja. Jadi kode ini tidak akan tampil di beranda blog.
  • kode latar biru adalah kotak untuk tampilan kode ini. Saudara bisa mengubah warna untuk color dan background sesuai dengan selera
  • kode dengan latar hijau adalah perintah untuk mengeksekusi kode rich snippet microdata review.
  • kode tercetak tebal warna merah adalah kode yang dibutuhkan untuk menampilkan judul artikel dan URL artikel.
Catatan: Jika kode <data:post.body/> lebih dari satu, saudara bisa coba pasang salah satunya dulu. Jika tidak tampil segera pindahkan kode ini ke yang lainnya lagi.

Contoh tampilan dari kode di atas bisa dilihat pada gambar di bawah ini.
Demikianlah cara membuat catatan kaki artikel yang lengkap dengan rich snippet bintang lima. Mudah-mudahan artikel ini bisa membantu.

0 comments :