Cara Membuat Kotak Title dan Deskripsi Dibawah Postingan
Selasa, 26 April 2016
Add Comment
Demi mendapatkan design blog atau website yang menarik dan memenuhi standar komunitas webmaster, perlu beberapa fitur yang harus diterapkan di blog. Salah satu fitur yang ingin saya bagikan disini adalah kotak title dan deskripsi yang ada dibawah postingan blog.
Kenapa fitur itu harus ada? menurut saya fitur ini sangat bermamfaat untuk memberitahukan kepada google bahwa blog kita sudah memenuhi standar yang ada. Dan fitur ini berfungsi ketika kita melakukan penyorotan data pada webmaster tool.
Baiklah mungkin itu saja yang saya pahami dan yang bisa saya jelaskan kepada sobat semua. Sebelumnya, dibawah ini adalah tampilan kotak title dan deskripsi yang saya maksud:
Tampilan kotak title dan deskripsi |
Dengan adanya tampilan screenshot diatas mungkin bisa mewakili penjelasan saya sebelumnya diatas, dan mudah-mudahan sobat bisa mengerti apa yang saya maksud dengan kotak title dan kotak deskripsi tadi. dan lebih sobat juga dapat menjumpainya dibawah postingan ini nantinya.
Oke, sekarang kita menuju cara membuatnya :
1. masuk ke akun blogger sobat > template > edit html
2. cari kode seperti ini di template: <h2 class='sharetitle'> lain template bisa saja berbeda
3. kemudian tambahkan kode berikut diatas kode nomor 2 tadi:
<div class='deskripsi-artikel' itemprop='description'>4. untuk mendapatkan hasil seperti gambar diatas maka kita harus menambahkan css, copy kode css dibawah dan pastekan diatas ]]></b:skin>
<b>Title</b> : <span itemprop='itemreviewed'><data:blog.pageName/></span><br/>
<b>Description</b> : <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
.deskripsi-artikel{box-shadow:0 0 10px #fff;border-radius: 6px;font-size:13px;margin:0 0 10px;padding:8px;border:2px solid #ddd}#blog-pager{clear:both !important;overflow:hidden;margin:-3px 0;padding:3px;text-align:center}5. Simpan Template dan lihat hasilnya.
Itulah cara membuat kotak title dan deskripsi dibawah postingan blog, semoaga tutorial ini dapat berjalan ketika sobat praktikan. salam jabat erat para blogger.
0 Response to "Cara Membuat Kotak Title dan Deskripsi Dibawah Postingan"
Posting Komentar