Thesis Blogger Template Image Gallery

Salah satu lagi kelebihan yang dimiliki oleh Thesis Blogger Template adalah Images Gallery seperti dibawah.

Caranya mudah sahaja, upload gambar yang clickable, kemudian wrap/tutup semuanya gambar clickable tersebut dengan tag <figure class="gallery" />. Contoh seperti dibawah:

<figure class="gallery">

<!-- start gambar² -->

<a href="https://d1sb2vhc1h1lwk.cloudfront.net/designs/127745/Preview/191919/display.jpg"><img src="https://d1sb2vhc1h1lwk.cloudfront.net/designs/127745/Preview/191919/display.jpg" alt="Programmer Cloud Text" /></a>

<a href="https://d1sb2vhc1h1lwk.cloudfront.net/designs/124979/Preview/262c3a/display.jpg"><img src="https://d1sb2vhc1h1lwk.cloudfront.net/designs/124979/Preview/262c3a/display.jpg" alt="Preview"/></a>

<a href="http://cdn01.wallconvert.com/_media/wp_400x250/1/2/19441.jpg"><img src="http://cdn01.wallconvert.com/_media/wp_400x250/1/2/19441.jpg" alt="media"/></a>

<a href="http://picm.yourswallpaper.com/abstract/programming-wallpaper_17695.jpg"><img src="http://picm.yourswallpaper.com/abstract/programming-wallpaper_17695.jpg" alt="programming wallpaper"/></a>

<a href="http://sd.keepcalm-o-matic.co.uk/i/i-am-a-programmer-i-control-your-life-7.png"><img src="http://sd.keepcalm-o-matic.co.uk/i/i-am-a-programmer-i-control-your-life-7.png" alt="i am Programmer" /></a>

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGM9rmGWMgo88ktpZ6FS36_UzsxWyT8_p1710f8HTBLgV0SvUmrxPXoA7LQ8zftL1s3qEnrmsSjC7ZvuI0mFicg2mDT7ZtIHWu1SgaBDs9rhgUF5IM5g0VwTTOw_Esm_-MvxOkLW0SIqDe/s1600/Programmer+Qoutes.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGM9rmGWMgo88ktpZ6FS36_UzsxWyT8_p1710f8HTBLgV0SvUmrxPXoA7LQ8zftL1s3qEnrmsSjC7ZvuI0mFicg2mDT7ZtIHWu1SgaBDs9rhgUF5IM5g0VwTTOw_Esm_-MvxOkLW0SIqDe/s1600/Programmer+Qoutes.jpg" alt="Programmer Qoutes" /></a>

<!-- end gambar² -->

</figure>

Dibawah berikut adalah hasilnya. Sila klik mana² gambar untuk besarkan dan menampilkan manual image slider.