Buat Slideshaw Thumbnail

1. Setelah itu masuk ke Edit HTML >> centang “Expand Template Widget“
Cari kode ]]></b:skin>

2. Setelah Itu Copy dan Paste-kan kode berikut tepat diatasnya.

#myGallery { width: 300px !important; height: 200px !important; overflow: hidden; }

3. Langkah selanjutnya copy dan paste kode berikut ini tepat di atas kode </head>:

<script src=’http://mimuha.byethost2.com/javascript/mootools.v1.11.js’ type=’text/javascript’/>
<script src=’http://mimuha.byethost2.com/javascript/jd.gallery.js’ type=’text/javascript’/>
<link href=’http://mimuha.byethost2.com/css/jd.gallery.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/>

4. Cari kode title=’Featured Post’ Pada kode-tersebut (gunakan Ctrl+F lagi ). Dibawah kode tersebut, terdapat kode berikut:

<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

5. Sekarang ganti kode yang berwarna merah dengan kode berikut:

<div>
<script type=’text/javascript’>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent(&#39;domready&#39;, startGallery);
</script>
<div id=’myGallery’>
<div class=’imageElement’>
<a class=’open’ href=’Url posting yang ingin ditampilkan‘/> /* tautan/link ke posting-an 1 */
<img class=’full’ src=’URL gambar‘ /> /* Alamat link gambar 1 yang sudah di-upload */
<h3>Judul Artikel 1</h3>
<p>Deskripsi Artikel 1</p>
</div>
<div class=’imageElement’>
<a class=’open’ href=’Url posting yang ingin ditampilkan‘/> /* tautan/link ke posting-an 2 */
<img class=’full’ src=’URL gambar‘ /> /* Alamat link gambar 2 yang sudah di-upload */
<h3>Judul Artikel 2</h3>
<p>Deskripsi Artikel 2</p>
</div>
<div class=’imageElement’>
<a class=’open’ href=’Url posting yang ingin ditampilkan‘/> /* tautan/link ke posting-an 3 */
<img class=’full’ src=’URL gambar‘ /> /* Alamat link gambar 3 yang sudah di-upload */
<h3>Judul Artikel 3</h3>
<p>Deskripsi Artikel 3</p>
</div>
</div>
</div>

6. Tekan Save untuk menyimpan