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.
![Minimalist WallPaper](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWGQ9yvud7rUYLgCYDPSezD3PeyOM9a-p7zxHo2GzDgAmrwEMcaMPMwoKHNd09CExkHF4uOxRzH3_PdyfsFEHhCCUcwdHjA4gHeyr7edVuY2knBFD3Y5WqeM_G8SPYMGJbwY36XynxS-O/s320-c/Minimalist+WallPaper.jpg)
![Programmer Phone Wallpaper](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcDOvUteW83o3v9pWY1VIAbLCqTFFyjuInnSUP4fztLMFuVZf38Zr1USS6hPB-OSPOkl0oAhpifBZOOCE87kzRd0Ra5vQptn5VBJa5wjh1BXkgxuPP7vrK91IZF4vlyBp4JL62Xo024tV/s320-c/Programmer+Phone+Wallpaper.jpg)
![Programmer Cloud Text](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEk9KOzvD8jMCmNFuk10NP2SLJR5mjsg9NhPKMqsX9aeIijIe7E-8BzvoC4yibeLI5PHZhFBpb_6If412V7yljYeDifv65L8VJvPbm9-hsO4Q-jQZd_20H9LLNYw1LAjk1VgIEW0LkyGTs/s320/Programmer+Cloud+Text.jpg)
![Geek Wallpaper](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD-FkDVaRLKtrHSQzWrYZqYog0ccrXC70haxf8BtZsxLr7tYuoM91g1378fbKqp7uz_8scOp7r89l_p9ytYvALGNIU3-_VRT2rdFon5WFCDHAKTEV1yadBZHLRkYv5qAnuZC_A-VQPh-nn/s320-c/Geek-Wallpaper.jpg)
![Awesome Programmer](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhJ0QSLgq10ZEKv7EURWII1HhlKcJQLZe6K2Ouk8dHh9Y-xZNvbBz5X4GcFvibidTRwS1KGB6-6N5p3nvsfG8htpgFLnE8Ohxt7WnkDh-4ExwhVLCSc4EekY-ASps9spbLlwGIc4iA9lq/s320-c/Awesome+Programmer.jpg)
![programmer qoute](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGM9rmGWMgo88ktpZ6FS36_UzsxWyT8_p1710f8HTBLgV0SvUmrxPXoA7LQ8zftL1s3qEnrmsSjC7ZvuI0mFicg2mDT7ZtIHWu1SgaBDs9rhgUF5IM5g0VwTTOw_Esm_-MvxOkLW0SIqDe/s320-c/Programmer+Qoutes.jpg)
Sebagai info, tanpa membuat gallery seperti diatas juga, secara default-nya semua image dalam dalam single-post content akan zoom bila di-click.