Cara membuat Galery Photo pada Bloger
Karena kodenya panjang sekali maka langsung saja kita mulai
membuat gallery foto pada blogger. Dalam hal ini kita mempergunakan 16
buah foto.
Cara pembuatan :
Cara pembuatan :
- upload foto ke hosting (picasa, atau photobucket, atau yang lainnya)
- dapatkan url foto yang telah diupload
- bikin postingan dalam mode HTML (bukan Compose)
- masukkan kode di bawah ini pada postingan
- publish dan lihat hasilnya
<div class="snap_preview">
<div>
<span style="color: #0066ff;font-size: medium;">Seribu Wajah Gayus</span></div>
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:25%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="http://www.google.co.id/imgres?q=novi+aprian+dewi&um=1&hl=id&client=firefox-a&sa=N&rls=org.mozilla:en-US:official&channel=s&biw=1024&bih=584&tbm=isch&tbnid=ZJGsyw3SIFbk3M:&imgrefurl=http://www.facebook.com/permalink.php%3Fstory_fbid%3D10150178777379881%26id%3D52472954880&docid=Gv9JiGItwI3w1M&imgurl=http://profile.ak.fbcdn.net/hprofile-ak-snc4/274999_100001453692316_436829105_q.jpg&w=50&h=50&ei=cbTMTqLINMqqrAfbkYnpDA&zoom=1&iact=hc&vpx=428&vpy=220&dur=625&hovh=50&hovw=50&tx=81&ty=32&sig=110723411762616835356&page=1&tbnh=50&tbnw=50&start=0&ndsp=18&ved=1t:429,r:2,s:0 " width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREbdoA4zAnXc6DeNFlblYq-eLvW0aKLG8v9RccwY0HxJiqf3RJoe0qjfljyWqX_IK820uBAiyi2y5OnmbHbG3LRpw6ThWV7gQXVfGGEfCX2ZQPb_L4-bB0d1E8RhT_hiZTO4bSyHiD14/s320/bieeen.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZc84iXTnFWJvD5-HkhzCnm9WtQJhGVhSwYfYjEeeR5oyt7_GkVfKrCt4mvvKjwc-1BY_NeJdWx0GXiO9F0409Ml3s9zT-n0IY3AraHN1nd59Ox4Bld8_OFArwCNHDozNYOJYZHTqmjFM/s320/blankon.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSB8BpQMC6ZlO5VeZH4GPW5TEi-ncrLaYf7gP0XFsWVvvLYWu-R9_n9IYYe-MexLpuwEnLnUMOt6LFxT3Z9turaI53vL62e2WvnChP9rFNZ1z-FhLYCoR_gtCJV7bQkUWu-JIKEuEqJ4/s320/boxing.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdIp5GxHEo80TtKtDBRE5lrmf8zcX5JJ9mxM8Y88EDRALcdOCGqoVtV_TTgC9b7G_R70Vtikb1dBtafOtGifwj9CO-qJNWotVFroJDdwAn7pnNOC0X_tgzxM18PH-3wEKv5csIo5eu2ug/s320/duits.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_CeYcFF2PqwPG-r7wP8Bisyf7rG6uKV33CZayQmb6KpTa4o8iTOoC5TBkYiZr1epz5Xl3n4Fym2J-ydwcZ5bwI7y3zhGCrMyXSw5LvPQ7VR5twsldw0WZM2Vl7FX2cbwfQTIHeu7Q9U/s320/goyang.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcr5otuTdSQZS95GbqiCSO6eu3PXsloBL6hOXCsp_jLmrvUykRRU29XxAvoH5xFroJTAVqxf-laiA1LJh03JSlOtDLDqjcUkmhpXE8GowLIXkN1ILaURT3SmAnyQ0qh1FsBwVXCbKzmxk/s320/hormat.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWhBi9IsJfscR1LVNE1WJxeaZU1R_c2uCp-CH4rqwApbWQj9DCSz6cHntYyUYtvhvCZrBcWygUKfnnGsp_TXoNBEYG9vXO0fUCC0qVCUc0Ys3HD_WKfGkRQ7wB3hUwcyIPdfaDlk1uG2s/s320/jendr.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVILYIF0hQdaA412VAD7nSfXXFvVglBn2mBy_qsx3jQiVHHZvspSLBrrOTPLQ0dOU3paRBESoEsXZR6hvpgkVZbFmoI3iE-tFaqHlvDUVgyoKNNw-Dj52szCdBL1h7_COq4oVeqKzbLck/s320/koran.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGn5znOiGR0PzzqczJZlWtAqjgQkIKoZi1cAuQVzkwMNsXBKrx506IkZbN4Z8eeWAIYtijqpIuxuY7TQf1hB6volcjxc-zlJ4gvLCSPf9L0w_AuFqNNX8k4g9pJ-z_cv1S5pG1QkAx_Cc/s320/samar.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi025oejgVBd5SW8I_LLt9DlAIO7JEiPi8fjprJBGlkTummeoM1ArdjWysFr8G_def2JdpvtfOW1Q6cl_U0k09YXfrccYWMR7lBTOVdKFc5LQgAbsR1QjaG3oFthyphenhyphenYXC1smnx4laYTFU_g/s320/seribu.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh32thqp4cfVcKdNCxpdbHB7i4D1W7wBDmhH-MK40DI_yq874cohYFIjL68m-kTLFR6JYQZ8VEiQPpWZzf5mstw1U5_tNiwEzqVS4P1FR9KMXUX81w6ybcOhykYkq7P8ohO7vaKSSfE_Hc/s320/silat.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXynPuFOCYalfYgHGrXa-NSykqmPtknEPp6Ve3Hi0BKFwHEtxHUiG-ZmUgErZimQMR55l3iCGUULPogNUI9vRPrjEFmWBBzZ9OpBEfk7M_GsJMv858TItAN094Kwzg3PVYg-hb-XOs-rw/s320/wig1.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5jaPc7tpCFgkTuWWLzxdaGbOzKyHxsB-t2dm-OzwNIyv4VbQo-IqYz-ZifbfVPU6nwBDY7iw8q3f54uDifkp5jK7VPhPQlCsRZmjSbtWlA-nH2DjVulvJA1BtJ3WDC3FKhpw4Ht9w-7A/s320/tenis.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrFDGWWaFuDsH84fyETX_htXPORNfADomo22j5jwlJZPdDxWz_NF9jS2Ym9nkVr_q2GUncA6UXmwigMzFUAuzZPqRquH5sW6wDK7AAhuvl3z1o1RLwFiUitqhIKIzqo0p4osIzav36xs/s320/santai.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSsHhiVfELOI-t7ac-GiweTaKQiWnQ8TGa-KgxLNR7mNVdM7xHDsSqVcVqYohSz9hyCVT0qSLdlKekhyphenhyphenhsEvoBXlnhSmNt9pyRqefbPhI88qAd-ytxb2o6xcbtrXimFTnpcV6iKeuS18/s320/kacamata.jpg" width="200" /></a>
</dt>
</dl>
</div>
</div>
<div>
<span style="color: #0066ff;font-size: medium;">Seribu Wajah Gayus</span></div>
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:25%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="http://www.google.co.id/imgres?q=novi+aprian+dewi&um=1&hl=id&client=firefox-a&sa=N&rls=org.mozilla:en-US:official&channel=s&biw=1024&bih=584&tbm=isch&tbnid=ZJGsyw3SIFbk3M:&imgrefurl=http://www.facebook.com/permalink.php%3Fstory_fbid%3D10150178777379881%26id%3D52472954880&docid=Gv9JiGItwI3w1M&imgurl=http://profile.ak.fbcdn.net/hprofile-ak-snc4/274999_100001453692316_436829105_q.jpg&w=50&h=50&ei=cbTMTqLINMqqrAfbkYnpDA&zoom=1&iact=hc&vpx=428&vpy=220&dur=625&hovh=50&hovw=50&tx=81&ty=32&sig=110723411762616835356&page=1&tbnh=50&tbnw=50&start=0&ndsp=18&ved=1t:429,r:2,s:0 " width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREbdoA4zAnXc6DeNFlblYq-eLvW0aKLG8v9RccwY0HxJiqf3RJoe0qjfljyWqX_IK820uBAiyi2y5OnmbHbG3LRpw6ThWV7gQXVfGGEfCX2ZQPb_L4-bB0d1E8RhT_hiZTO4bSyHiD14/s320/bieeen.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZc84iXTnFWJvD5-HkhzCnm9WtQJhGVhSwYfYjEeeR5oyt7_GkVfKrCt4mvvKjwc-1BY_NeJdWx0GXiO9F0409Ml3s9zT-n0IY3AraHN1nd59Ox4Bld8_OFArwCNHDozNYOJYZHTqmjFM/s320/blankon.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSB8BpQMC6ZlO5VeZH4GPW5TEi-ncrLaYf7gP0XFsWVvvLYWu-R9_n9IYYe-MexLpuwEnLnUMOt6LFxT3Z9turaI53vL62e2WvnChP9rFNZ1z-FhLYCoR_gtCJV7bQkUWu-JIKEuEqJ4/s320/boxing.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdIp5GxHEo80TtKtDBRE5lrmf8zcX5JJ9mxM8Y88EDRALcdOCGqoVtV_TTgC9b7G_R70Vtikb1dBtafOtGifwj9CO-qJNWotVFroJDdwAn7pnNOC0X_tgzxM18PH-3wEKv5csIo5eu2ug/s320/duits.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_CeYcFF2PqwPG-r7wP8Bisyf7rG6uKV33CZayQmb6KpTa4o8iTOoC5TBkYiZr1epz5Xl3n4Fym2J-ydwcZ5bwI7y3zhGCrMyXSw5LvPQ7VR5twsldw0WZM2Vl7FX2cbwfQTIHeu7Q9U/s320/goyang.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcr5otuTdSQZS95GbqiCSO6eu3PXsloBL6hOXCsp_jLmrvUykRRU29XxAvoH5xFroJTAVqxf-laiA1LJh03JSlOtDLDqjcUkmhpXE8GowLIXkN1ILaURT3SmAnyQ0qh1FsBwVXCbKzmxk/s320/hormat.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWhBi9IsJfscR1LVNE1WJxeaZU1R_c2uCp-CH4rqwApbWQj9DCSz6cHntYyUYtvhvCZrBcWygUKfnnGsp_TXoNBEYG9vXO0fUCC0qVCUc0Ys3HD_WKfGkRQ7wB3hUwcyIPdfaDlk1uG2s/s320/jendr.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVILYIF0hQdaA412VAD7nSfXXFvVglBn2mBy_qsx3jQiVHHZvspSLBrrOTPLQ0dOU3paRBESoEsXZR6hvpgkVZbFmoI3iE-tFaqHlvDUVgyoKNNw-Dj52szCdBL1h7_COq4oVeqKzbLck/s320/koran.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGn5znOiGR0PzzqczJZlWtAqjgQkIKoZi1cAuQVzkwMNsXBKrx506IkZbN4Z8eeWAIYtijqpIuxuY7TQf1hB6volcjxc-zlJ4gvLCSPf9L0w_AuFqNNX8k4g9pJ-z_cv1S5pG1QkAx_Cc/s320/samar.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi025oejgVBd5SW8I_LLt9DlAIO7JEiPi8fjprJBGlkTummeoM1ArdjWysFr8G_def2JdpvtfOW1Q6cl_U0k09YXfrccYWMR7lBTOVdKFc5LQgAbsR1QjaG3oFthyphenhyphenYXC1smnx4laYTFU_g/s320/seribu.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh32thqp4cfVcKdNCxpdbHB7i4D1W7wBDmhH-MK40DI_yq874cohYFIjL68m-kTLFR6JYQZ8VEiQPpWZzf5mstw1U5_tNiwEzqVS4P1FR9KMXUX81w6ybcOhykYkq7P8ohO7vaKSSfE_Hc/s320/silat.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXynPuFOCYalfYgHGrXa-NSykqmPtknEPp6Ve3Hi0BKFwHEtxHUiG-ZmUgErZimQMR55l3iCGUULPogNUI9vRPrjEFmWBBzZ9OpBEfk7M_GsJMv858TItAN094Kwzg3PVYg-hb-XOs-rw/s320/wig1.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5jaPc7tpCFgkTuWWLzxdaGbOzKyHxsB-t2dm-OzwNIyv4VbQo-IqYz-ZifbfVPU6nwBDY7iw8q3f54uDifkp5jK7VPhPQlCsRZmjSbtWlA-nH2DjVulvJA1BtJ3WDC3FKhpw4Ht9w-7A/s320/tenis.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrFDGWWaFuDsH84fyETX_htXPORNfADomo22j5jwlJZPdDxWz_NF9jS2Ym9nkVr_q2GUncA6UXmwigMzFUAuzZPqRquH5sW6wDK7AAhuvl3z1o1RLwFiUitqhIKIzqo0p4osIzav36xs/s320/santai.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href=" http://brugkembar.blogspot.com/2011/01/cara-membuat-gallery-foto-pada-blogger.html " target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSsHhiVfELOI-t7ac-GiweTaKQiWnQ8TGa-KgxLNR7mNVdM7xHDsSqVcVqYohSz9hyCVT0qSLdlKekhyphenhyphenhsEvoBXlnhSmNt9pyRqefbPhI88qAd-ytxb2o6xcbtrXimFTnpcV6iKeuS18/s320/kacamata.jpg" width="200" /></a>
</dt>
</dl>
</div>
</div>
Catatan Penting :
- Kode yang berwarna merah adalah url foto yang didapatkan dari hosting setelah foto diupload.
- Ukuran foto bisa diganti dengan merubah angka 150 dan 200.
- Angka 25% adalah prosentase untuk membuat foto berjajar menyamping 4 kolom (rumusnya: 100% dibagi 4 = 25%)
- Bila ingin menambah jumlah foto tinggal copy saja mulai kode <dl class="gallery-item"> sampai dengan kode </dl> demikian pula jika ingin menguranginya.
- Dalam menuliskan kode harus benar-benar rapat, jangan menggunakan enter, bila masih terdapat ruang kosong maka fungsikanlah backspace untuk menghapusnya sehingga kode menjadi rapat.
- Kalau semuanya sudah dilakukan dengan benar, hasilnya bisa dilihat disini.
0 komentar:
Posting Komentar