MEMOOCIOUS - Thumbnail merupakan sebuah cara sederhana untuk menarik minat visitor untuk membaca, tentunya visitor akan lebih tertarik bila melihat gambar.

Kali ini saya akan share cara membuat gambar di xtblog menggunakan twig untuk xtblog, bila agan belum punya twignya silahkan unduh di http://syntax.xtgem.com/twig.

Langsung saja ke caranya :

• Yang pertama cari kode seperti ini {% block entries_list %}

• Yang kedua edit/hapus semua blok kode tersebut dan ganti seperti di bawah ini, hapus sampai bagian {% endblock %} jangan semuanya ya gan.

{% block entries_list %}

<div class="entries_list">

{% for entry in data.entries %}

{% set thumbnail = entry.content|split('"') %}

{% if thumbnail[3] starts with 'http' or thumbnail[3] starts with '/' %}

{% set content = entry.content|split('</a>') %}

<div class="head">

<h3><a href="{{entry.url}}">{{entry.title}}</a></h3>

<span class="date">{{entry.created}}</span>

</div><div class="content">

<img src="{{thumbnail[3]}}" class="thumbnail" />

{{content[1]|raw}}

</div>

{% else %}

<div class="head">

<h3><a href="{{entry.url}}">{{entry.title}}</a></h3>

<span class="date">{{entry.created}}</span>

</div><div class="content">

{{entry.content|raw}}

</div>

{% endif %}{% endfor %}

</div>

{% endblock %}

Nah sekian caranya, silahkan di pelajari kembali dan di edit kembali, karena struktur html yang saya buat tidak sempurna.
Terimakasih dan semoga bermanfaat.