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 == "item"'>
<div class='vcard' id='hcard-Ricky-Pratama' style='margin-top: 30px; padding: 10px; font-size: 12px; font-family: Arial; background: #ffe6a3; line-height: 1.3em; color: #cc0000'>
<span style='color:#cc0000; font-size:18px; margin-top:10px'>Terima Kasih Atas Kunjungan Anda</span><br/>
Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/>
Ditulis Oleh <span class='fn n'><span class='given-name'><span itemprop='reviewer'><data:post.author/></span></span></span><br/>
<span style='text-align: justify'>Jika mengutip harap berikan link yang menuju ke artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya</span>
</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. Jangan lupa mengubah nama Ricky-Pratama, menjadi nama saudara di blogger.
- 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.
sumber Ricky-Pratama
Tidak ada komentar:
Posting Komentar