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="http://3.bp.blogspot.com/-4Avrg3m-HEQ/VXC2suw13LI/AAAAAAAAHLQ/fazeditfZmU/s1600/Programmer%2BQoutes.jpg"><img src="http://3.bp.blogspot.com/-4Avrg3m-HEQ/VXC2suw13LI/AAAAAAAAHLQ/fazeditfZmU/s1600/Programmer%2BQoutes.jpg" alt="Programmer Qoutes" /></a>

<!-- end gambar² -->

</figure>

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



Sebagai info, tanpa membuat gallery seperti diatas juga, secara default-nya semua image dalam dalam single-post content akan zoom bila di-click.

{ 8 comments.. read them below or add one }

abah abah June 09, 2015
fuh lawonya template nih....lame tak bukak tgk2 ada update
Shah Danial Shah Danial June 10, 2015
Mekasih. Lama sangat dah tak update :)
karimunjawa karimunjawa June 10, 2015
wah siap release nih mantap kang shah danial :)
Shah Danial Shah Danial June 10, 2015
Hehehe makasih sahabat cheer
Danni Moring Danni Moring July 13, 2015
wah ada desain kaos saya tuh yang typography : web development, project, software, programming, code :).. di contoh gallery nya :)