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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC5VgbH6k47I00xGElfMw_YChUqkSsj3OWsUUmSk-kiB0L5PBkBjt_HXCSWDrywwUwsQw4Wh6h5zlQqMuugIEvXG35N03I-YSgsINhEDiLVxPtapkmFD0sSpdrjC2SzLLxaPGqDL2k2WM/s320/atronout.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/AVvXsEgOOFm-A9-ZylnJX4I0F76_jJcKtjjXqai-d2qAtZWD-1HhXIKtXT4vvuUDZAxRXA8HvM7m5_H4Q6aaXZESR7moR-hFYP6JdNUQ5At0iSBo1rPvOg9vliKVDSt6jLwRocz-3UECSMNsY8E/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/AVvXsEgvaAZq56lc0YqcGCXP8ZfnUt8XWw9hcPOfvCY6tyFvJc-l-wW-MxByuMSKtDZ6y8UVy-nJXVzkqRaV7wgrFWKcdIy4oinvugBOqp65iQUKLhmXukx7_pYsjWyrB-HAfinnY8j8LrnE6js/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/AVvXsEjlAHQB9X9wbcJabxwkJzS4Oo60V8CSR0JPv8NTAhmHnQjZl3RP2O5a1gPzxitUT6in-Yeboky1qKTYofG2ZSYnQVZ6xpDpcz-9sT6q7tixS5DHfhVLJE5d6vftLSf3wjht45CUW2QMQbk/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/AVvXsEj1yvp_3-mVoYJvgsVDqEZ8c84X2FoRTjvLRxOAY1JesrWSaz4SeopK83pSAtU6_nxTzTHLwn3OzF5ehcVmN57uvnraiqnhqFrRB5yV4ulzuAwx0mOONqaxypnPbz5I0Rj73H5S7MImDWI/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/AVvXsEjY_Lq7TEQ-Cg8Sfi47B1v_wHQHXIEgjPqOHnIBB29pLzP-rlmxQNYF8kdhK3-AYcLHXX3qt8Wd0pq1ObHkqwtbq31P7SBSsZ-5DSLTmoEbq_-_SxSOwopLTKb0OPS8_lB6egukwfb6oh8/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/AVvXsEjqijbI7jmdjnYAe9_zhFoIfsViCpnvJ3iXLQQAqORjLQQQvNquOaE9tWENQFRSMG4JRE7IfqDRX__YiE39jjj7dp05efLOVPhegTSJipbPE6AtN63py_2vtIk3rKo8QmFUYLEOfMQR5ug/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/AVvXsEgR_awXAyTGSr5Q_QxdF6v2fwvgdiczzSJ38YX2yaYsusyvfyKLS0nBL0QLDQ7_hyphenhyphenLXAehOWOpc_5Z8Fv4dz7jLUI4rb_cqVl73_xjFp9WfUx-YGyaXUbf3LnTqLKtpLsxICgrwMnTW7D4/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/AVvXsEjedI0mNQMcqXpnE1KSnRTcAt5eERcPJUtHE2SV9nBMqHXMmZnopQul9L59v88r49ODBBIDHhiZP34VKHB3UKWcZP5s24TpVz-aVDbId6erSp-SNSdxiCmWCDlTUckHELviUgLZkWwPYfw/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/AVvXsEixeFvFyCg8ttxqJh9OFNM9DqPg4P93mCdsQPCnnk0rgj-uUMtve4-TviZyrP604NyRB9bzLNXJjbp59GHyNoGIogaCpit1MTMwVm8Z-xcj5Zh_NgziTnu1jSxreOtyebvLenkBCm3gr70/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/AVvXsEjOXgfFZptVkJ8nU9wIfJFl0E1UDr1Sois2Cxjk-YYRVkEP1o9YXIYo6u8HmLV4ihxBmXWUbVFxq1wJylkon3zFfB-jvIEeMknlU5MGSyav3zgJDoAJHarD-b5YhLaLC8nMcyblVkZ5uy0/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/AVvXsEjWTvnwOkdy-XyoNsXg3qTtSERLxevrzN4zpKLps8S4EA9drRA6k5E_6lo8C-dwbecGCOJuJX7E5gF0gpvKkaqrDdnwD48GWh7oWVx_aLSVcV3ktB2Xq0vWH_HXzeVj9mQp5qz7TrcMqPw/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/AVvXsEgNQ0m9mQKdi59iH_0I3r00bR5lSroDVtqEBYOgZf5dOD2uXHtzvcLPjEmaYh1zXep69muUOKsxFubEhi1kDp5qSG1GytbzSbEe4xJneCJtiA5fGX1LAsK8hDICchiQpBDLjeqgGT1PM6Q/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/AVvXsEjZ-aSSkypkrwk8btb1x5ZlReColfeBf7s0cM3wOsYqhCcnpfGsbve0XigYxBSfsUUnc8VsEk2Z3EPOy4KmFI3sJMoF5MqjB7LVSTaWODb36sqj-AkvHKyqWJO9wtzQ1dr6lwQFwPFxphE/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/AVvXsEjcO3znui98bJhyWn0jj2axSIShCC0FxnQfnNGoUFoSUUSK7tz-FW6Ql2t2G6-cYtoVortUVNmRy75EcH_sQewih_IbdtPdWgxEDGKm_gb4T6bIIP-spR5jrIO37m0418Gtu9z4-9A3x3s/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/AVvXsEg5M1gex3ndZ-KfApN84CxRSpH8_mRXCwyDcTeT29rrUuDrvoq2Z0A-XB6mqH08Ye8YLWdZ8f2v7JMf5mVYMNlUJ0ZGfCZURyPbneZ89lAOZMhhBzd8171pfc8bVjWp0ICiZPic71VFtTA/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.
nice gan..lam knal...http://km-alhikmah.blogspot.com
BalasHapus