Cara Menampilkan Snippet Thumbnail Template Emporio

Berbeda dari varian template baru dari blogger, hanya Emporio dan Soho yang tidak menampilkan snippet pada thumbnailnya. Karena alasan yang saya juga tidak tahu kenapa.

Tapi bila para Emporian ingin menambahkan Snippet pada tema Emporio caranya sangatlah gampang dan simple.

Pertama buka dasbord blog. lalu masuk edit html. 

Cari kode <data:post.title/>.

Karena disana ada beberapa kode <data:post.title/>, coba emporian  semua masukan kode

dibawah ini 

 <div class='post-snippet snippet-container r-snippet-container'>    
  <b:eval expr='data:post.snippets.long snippet {length: 180, linebreaks: false}'/>
  </div> 

Atau seperti gambar.

tepat dibawah kode <data:post.title/> yang kelima. Ingat dibawah kode
<data:post.title/> yang kelima. Itu bila template sobat emporian masih original atau belum di edit .

Atau bisa lihat gambar kodenya tak jauh-jauh dari kode pada gambar. Karena kode disekitar <data:post.title/> hampir mirip bahkan ada yang sama. Tapi coba saja ditest satu persatu. Toh itu akan sangat membantu ingatan sobat dengan kode tersebut. 

Sesuaikan  {length: 180, linebreaks: false} yang saya warnai merah , bisa ditambah jadi 200 atau sesuai selera Emporian. Itu untuk menambah atau mengurangi jumlah karakter pada snippet.

Selanjutnya Emporian cari kode css dibawah ini

.feed-view .post-title a .snippet-container{
height:$(posts.title.font.size * 2);
max-height:$(posts.title.font.size * 2)
}

Atau lihat gambar. 

 

Jika sudah ketemu, Emporian bisa langsung ganti anka 2 menjadi 7 atau disesuaikan, seperti contah gambar.

atau seperti jadi seperti ini.

.feed-view .post-title a .snippet-container{
height:$(posts.title.font.size * 8);
max-height:$(posts.title.font.size * 8)
}

 

Kemudian Emporian save. Lihat hasilnya

demikian sedikit triks dan tips Cara Menampilkan Snippet Thumbnail Template Emporio.

Wassalam