-->

Cara Membuat Kotak Title dan Deskripsi Dibawah Postingan

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:

kotak title dan deskripsi
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'>
<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>
4. untuk mendapatkan hasil seperti gambar diatas maka kita harus menambahkan css, copy kode css dibawah dan pastekan diatas ]]></b:skin>
.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

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel