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.



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 Blogger Profile Test Shah Blogger Profile Test June 10, 2015
Mekasih. Lama sangat dah tak update :)
karimunjawa karimunjawa June 10, 2015
wah siap release nih mantap kang shah danial :)
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 :)