INFO: Blog ini sudah discontinue sejak Desember 2018. Untuk info tutorial SEO terupdate silahkan ke halaman Belajar SEO di Kepointernet.com
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.
No comments:
Post a Comment