Membuat Thumbnail Gallery Photo CSS3 di Blog – pada posting sebelumnya saya juga sudah pernah membahas tentang simple gallery photo di blog dengan cara yang simple namun pada gallery photo tersebut tidak terdapat efek zoom hover. Maka pada tutorial ini saya akan kembali membahas tentang bagaimana cara membuat suatu gambar pada posting blog yang berjumlah banyak namun tidak membutuhkan banyak ruang posting dan sekaligus terdapat efek zoom pada gambar tersebut. Pada gallery ini default layout gambar hanya akan berbentuk thumbnail yang tampil didalam posting blog namun nampak akan membesar jika pada gambar tersebut tersentuh oleh mouse. Tentu sangat efisien dan minimalis namun akan tetap terlihat elegant. Untuk mengetahui hasil dari tutorial ini bisa langsung dilihat pada demo yang saya sertakan dibagian bawah. Apabila ingin menerapkan kedalam blog, berikut adalah tutorial cara Membuat Thumbnail Gallery Photo CSS3 di Blog.
1. Login ke akun blogger.
2. Lalu copy kode dibawah ini.
1. Login ke akun blogger.
2. Lalu copy kode dibawah ini.
<style>Keterangan:
#thumbgallery { overflow: visible; }
#thumbgallery ul li { list-style:none; display:inline-table; padding:5px; }
#thumbgallery ul li .pic{
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
opacity:0; visibility:hidden; position:absolute; border:1px solid #52e052;
-webkit-box-shadow:#272229 2px 2px 10px;
-moz-box-shadow:#272229 2px 2px 10px;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5);
box-shadow:#272229 2px 2px 10px;}
#thumbgallery ul li .mini:hover { cursor:pointer; }
#thumbgallery ul li:hover .pic { width:550px; height:350px; opacity:1; visibility:visible; float:right; }
</style>
<div id="thumbgallery">
<ul><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs07bvSLaaLU7f0BhfqlLtp5hblHXxlp8EDqC6jgdpmpcqNr1f-2BgpZv-QVldLFy5viirtCJ-rrsToxyR3jAQYK9yhF0oLHV_c1xj3XFHJULQPaux3wlzSMbnGKd3o0e9GtgSBdLs5KNb/s100-no/Gallery+Faceblog+Evolutions+%25281%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwzwGqvxPM3R6FhGbbkiSZJcuFO0_SjqbVaybQgEZFKsYPM_p0RTwqC6AcqB7n0E1feKiS-5JogR636qo5lF3p4Gg5ofjI6yRcASK2d0JG2YwjWw60w9JRzEv2hNNxoGVYexAlyMWMppvE/w552-h367-no/Faceblog+Evolutions+%25281%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPBAV1zRxz7X6phOfUpoUrI8Yj8lQtI1sMQEvwf7yTtJtrVMz73PInImdVDIEadb7n8ihbSsWQk5gQ3wQQSXPakvZijKcC_rExJ7h6RzH4iJSV9KTbkuK1J55dgdj0zQkTglUrFBJouNnj/s100-no/Gallery+Faceblog+Evolutions+%25282%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBSTgZkOyX4fajOgwBRwm-lzjb3taXfHzYVwyZ-lVbi71O5dFdmVdvXsrIJhCcXaAuphZwOfCprhyajwN85T5CrthfiJReO45c6roU7KV-UtSXEzT5UdbJ0OYUtBeYGSB6djb2HmXVqWJR/w552-h367-no/Faceblog+Evolutions+%25282%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ko9GOoS5cpxhGnAQsnGyLKQN4VT2dm0e9_PziwVoS3zF9Ue45UEiAPABeIKv2he7o7eiS5S7c2g2Y_PrcEL3NChyphenhyphencEhKFYckySSsNEyXPkACz4FQh4UsI7C7mRMBfdzbBdgvHq_TeqQq/s100-no/Gallery+Faceblog+Evolutions+%25283%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUgY9FYaK0vjbPehAUn1X2NBWdTnCtxQiNu9pqHO3PbEwEH71xFLmcbsIlSU4viy7Yu-aKjoDyC-ZqlJK21b7eXrU233prq6dNalsKXtk8NaIwfW9QyA6AeFe1KNznFRozXGN81sLiYmBq/w552-h367-no/Faceblog+Evolutions+%25283%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhtcizA-yhWGXBW6beQ2phshHaj52oANiEwCuqr7YdQLhyS0G8JEq1wUcxvpqvLNTFNhBQJFAxGgUKh63zIX37laYxipchk3vqFoM9jyDW3kI2EokHUIJVpxCyeVGdE35TvFJZ4TWEnWP/s100-no/Gallery+Faceblog+Evolutions+%25284%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIG7wLWwItCOz-k9tHDV95FmkP2C2OxPZz27rJyZilki5Abldi1iW44oZvjIFGmj4MSZNCUyVCihO60MYkXlpr7swzVgpx-o494JMspARFc8oBgcsQMlAc3A9Xdxh9CRTNR4Hb41sZ5lWW/w552-h367-no/Faceblog+Evolutions+%25284%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF-WAE_zDH9kHS-Pt8IYRughDBBJUUdSY3al486n1ZFpbplWpLOwL3hA0J6GKVC0KGIC2WT2Ci37TAHPO_1gCVQ9-ilCDskDBc7knGk4Wt84KybeAAaJpmjUbbiXfV3Bh1ka9n3bgI07ke/s100-no/Gallery+Faceblog+Evolutions+%25285%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbXzoBx2U3wfJofkseF_ZdNnaUGwWNSuV8Q8UfRx5ViYMS0-qzC6rK_vI4cCFyNOuOlV0CmwNHwfGwZ2t2ioVtH1Urqq_1IB1bpxvavNgO2Su-HDrQKHYWpg8FbwQTYuy2vVkrjE5iG9i/w552-h367-no/Faceblog+Evolutions+%25285%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZq8c-GV5e_werpApLOjQVaK5pyjCu1AjQBZVGHchl4gUGWdeeH4zzv7wtd-R9JPmqvavjKZ9G-H2BTXBeOEXVdSgy90hw_YBfEkdoqoRcKXXkj7QhddzyDMTVgmord0BENU8zWKEHX6GF/s100-no/Gallery+Faceblog+Evolutions+%25286%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3wMy6hiEG4WCSKneguwslABiMGoB1Uh8EANMsQTzb36rRPv0XDB7V2f0mzcxYRgSOdqa3pJBxB0-dLzRbX0ZI9_QE5b-I51y9IeUDij6wAA8kXxUqR1k5x7-u7_u_ITi40zaBMjtgHl49/w552-h367-no/Faceblog+Evolutions+%25286%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBh7lqerE-VNs2vpL-_tq5RxI_IJoh0BhmEdNmpzUktvYsJINE-VPUxecqtXcOOENxuX47bKB8oNI20Esf7W6X42TkvXFUiSuI7adGWpYkK6krmrj5c81QYjLAHaGEtn29-5Hvn5uR3Qf6/s100-no/Gallery+Faceblog+Evolutions+%25287%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhngIxMcXYQvE-htkz8jdm__ZHxNYDCD9Vyns7oS0RWhZaN9l8IKtpjjKkDL5SfyjLWwv_yft97YNlHwuWuRCp2o_HHAlkZwdKe7HeDLlTXpOKj2O7LDR4vY2jiFyDkdnQ6MweWiwJbiz7R/w552-h367-no/Faceblog+Evolutions+%25287%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5csGkyBKpfju7cHC6Phoa8AhLeOAl4dMMa2FzQvS_TCptzqJGC3xNO_MX35be6B0PujjNNGkEzrZtYmQWiIltzMuGt0vvO39fgxdPVU4uwlFo9u7qtZEWbL7aEyUc678DlNToXbxIAHj6/s100-no/Gallery+Faceblog+Evolutions+%25288%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZbRvj-Fq-gXJqX1O4UKp1cjwJ1FYtCbYFkvcybFdDjcg_LjROMk0vAPyHNjL3KklnsMK9adx1zaU2ViMY3WptYgnhpgz1eh7LNNijbjbplSK0eZE3IVg2xCdW4p1IF0YCG0Nhyphenhyphenc1CXVYf/w552-h367-no/Faceblog+Evolutions+%25288%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhokB5lt5m6BnhcgD_npKO1EjaEeaV3FIKWcyNRD7hRLhsHvTJFhUq7DShS7nn0QKsB3wKyk1s69EOUxOWaAv-f_2Fyh_fvL9a_0QYlstR6wUU1Qrv9RanwbTRqvtrjrPiKtf3zXmujuXNH/s100-no/Gallery+Faceblog+Evolutions+%25289%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1rhCA4wx9bYg9jF8biu2Nf_oireotS4vvN4vSsL10F3uxMTq-uTvne3h_psojJPxRZdBrf2OEhnMOx2hwXJDU0rvhBMZX-sy4YqSVEDKaa3E3hltumUJ5mct-3lVcyOFlIhyphenhyphenfl45smf2/w552-h367-no/Faceblog+Evolutions+%25289%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3AXgxdDSzIAz1XIzkrLaLGFUzpLxhk3LJ6LlmTIaSmPAAGpV1mlJcprbKyiIYdVvtKC5tA2_lh9zi_oujDWPpJk98WoAFSnIxZw7Qx45c-xCN_QRz1vlJc0BAiz6cpE0uhbWZr_zxv6PT/s100-no/Gallery+Faceblog+Evolutions+%252810%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPpWOAk-iDiteJehGnkgNGhj-O_yKQmXjX1UGr9zlEDrKrv8Zd5tzss1H5pA4AmCDJ_P8odcs12u6NL19YUDz0NXhC2knXSbAO9Q2FBrETS9U5a8BB6XhrM5OuCEOvreZv1bDgLT7Hb10/w552-h367-no/Faceblog+Evolutions+%252810%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyiSSMunRfJpbaGGZ4cheAG5LXdPkdYsGX3NB5iqTh1apDFRv6rqib0fhNLgyI_oHIo0EzkSvEsjYBSJDFdzBF1kmK2CVurNOzT3Zdx9jlqO8tbPoNKj0Ns-CC6HVSdzLAqmH5iTLglBUJ/s100-no/Gallery+Faceblog+Evolutions+%252811%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhXM74ZCseq7rampyA9JXy7uc2suS0v7lLJ7dhG5tBiQ__YoIZhw_5lbo8o11AGkOnbwffj3gNA6ljMRdaP1fzZoAcUMGog_5DLY3gMt5SxhlSjKjf2UjJl4aoNgLHX8nYZKSg6ZonPaXs/w552-h367-no/Faceblog+Evolutions+%252811%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92e_l-g1xKYGB_z511NyzAPo5-z60t4bvEff8VE53Ry0gU0oMK_4jV8iJ_BNEe3esOjh3RpvSBnCL0gQ1psvA3VCDkjpnYtPirWk-y9Zl-cScF7KOzjoKs35Wx7b4QvSJqBlQJp03XKEh/s100-no/Gallery+Faceblog+Evolutions+%252812%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMzHVKNAwiDKCLzyXe-9191aIlwRstjb9Tfj94kIsDBUfCvTvuxANKMbY7epYhIiojHL3qYXvFXExyuyGG1bOwOBOeunfg_pzeWoyi2XD06qJy4UN5tZJ4dOXH0rZ1wuLdHp6Ciescb8i/w552-h367-no/Faceblog+Evolutions+%252812%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirkXMWX6Imn2QBTwiFeW_6EDvzsmlqomvfPRscqSNOgu_5h98C04sOQttCMkrCdEY4lBrgb0nqtz7duGotCZyCZSuu-IAUlIqCGku88-hKys2Ce0ON960x0iPuVhiR8Tz5ygLUccVumN9a/s100-no/Gallery+Faceblog+Evolutions+%252813%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizY23YXoDFA6Y0H9vj16dnhPjsikkhqA5rM1kL8ic905seqyWRnkkkQoXUtuilDrYp0HSPCqT8K0iwS10_qJfNbtBQReABKcEGCgaEzwsknmDTskJo6_7lSeol-qTMuXepnzm-F17gd8YV/w552-h367-no/Faceblog+Evolutions+%252813%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYFQHrwtYZYdcVFl_BOgp0Vawn2NEjlbnDvNVSkvdhZqRbmrp6RefY9OtoHfJc_loHdO8ZWC6aLNta6RSuZv46zeNAqkY-c4vj8A1X5jlqreo5ZGS7NsvSlNoZy4lzg3DSiaaccsrSKdEG/s100-no/Gallery+Faceblog+Evolutions+%252814%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NElnTFDmQFattaFOZ11N_JMMsj1FAmLV9WChxy34aa0QBNz1iRqQwqWdOEZ6agl08yXfKPGajIOoDUYBylx1C25x18vDqR4i8UuOh7GDzDliqlK-7A5RyZssR0Hdn9WKDa_M3IRv23uF/w552-h367-no/Faceblog+Evolutions+%252814%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2qImuMU62Zq_F-lkRY15KzwTFF14Y7R1SSf4Ut5Z_TQE59zvECRI_4Wxmhrqqapoct-Yq7w2oc8zj0opUQc5yC4stsyp7BU5wf3O2A4mEQS5WmTk33V-Tt4MuMtt3IPWVrYTcVpQQR2VY/s100-no/Gallery+Faceblog+Evolutions+%252815%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Hl1dMAYht5nmKA2mLIcmKO-K_csJNvRHfEdjiLBwerrF_tVaXJBt-VIrtyw-Ux9Fd0OhxbON0ZevlAifKIGQuxDdQTA0A9I47Br9_0MnF5HAPNagWuBUqCJjNeZ1oPyxVi-JJiDVrpE7/w552-h367-no/Faceblog+Evolutions+%252815%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-hAv3T7hoUOT_jYfjzDkNto0wUB1DbW76Ms1O-bBtWx1Ca5VzaPwdm7hcOnYPNDdh-ozrxoDNxA6pYcleTZ21wBTauu9b11HA3qUi62X5sRJLgtFE45wLgWgrqoPV66HxEDqDXpICOGlf/s100-no/Gallery+Faceblog+Evolutions+%252816%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEianq6Ofoomvib1A_cZalzwTGbgz2rF130HPcsp5Xp-24iOL-nauSzilMc2jAtQpZDtjYi4OYf6elZgxmtof5utvu2R0LOvpfqYrDJonVeh4BmpFBTlO71bQgkxbTFkXsueMdh-ra3gAyZr/w552-h367-no/Faceblog+Evolutions+%252816%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimMdd8aUrHafN6xyFZWb3kvqC0lzEKwCo7ess-Ot-YhuAHkodilekB8pdKWAVBtq9LfKEmTnSRKjsRuUyLfrQYzdP26TKZyAATQDr0gDkYxK0OQWuxZXbsh2OLHQfnEnaCnuMk_i1y0-Vi/s100-no/Gallery+Faceblog+Evolutions+%252817%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-mjhNYCBVJmaG8RZiZtLPIq75qkmo5pnvYRT-oFR_1cdvRnP3dhZIN1EYAwP_OCr1IqsMVHZQ8MYWVOapiXt1QdcG_z2XnRVkS9yi67zikQOze6Q8SrHfXierJIOykbrn1d3BYAKUE2bW/w552-h367-no/Faceblog+Evolutions+%252817%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgFx1XQXX7mW9Enf6X-yNvxfDfIWZlInd5NogJ6SoIl82f_OSEdZNUyDd-X4hspp0U00dK7vu6DQNC2Kb74qSrTFVXlfKEQx6fiCJ7efQ_uyOmgh4DjHYBYwkthiMwXTOtUEcoX7U5R7U/s100-no/Gallery+Faceblog+Evolutions+%252818%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJlF6PL-v2W8m25WTuf4FzkHNrghCNBqT5y3rS25tnBBMYhgANzmKu0zs7cL517jWx__vIRZcRzxQ5PBnw2Gm346peiqeY3nOyEs4LuEHiZAwIk4eraFpI94t_SK1Xs2_uw2TkcX1yHCS/w552-h367-no/Faceblog+Evolutions+%252818%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGka5Trf1tQG-JaGQSpq2vMylUBgoNWt44HIXNYngNQSMOwazMq85AiYURkrCGXzW99a1fTbNjj1du2biwRMMK_ynVrFd6yeQvo2jA6FxDH6R7mjClsaXLQlIFbqPsVyFCzlMDzjggckk4/s100-no/Gallery+Faceblog+Evolutions+%252819%2529.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-oUMZNADfCqvvnBoLdL0aAt9Wqs2DRTX88ldikdAu3K78PWHaKr3j3LY6Aywk680PfLbrb5laK83aiEjPwaVyt1SsMPEXzsA8VRjB7oqYgosKwI_Sc-XVd6ZJLReM9c-a19KUo5tIhdn0/w552-h367-no/Faceblog+Evolutions+%252819%2529.jpg" class="pic" alt="" />
</li><li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghBXRjn4-L0uFt0opEmoUN_vf7TE5jtgT_TMJngf_Yqrk1jaRxLVRD1odK8U-Ftk_ar9EQ2X9IKwcBuvd9w8ynU1ZBOXeSUegEQoHjp4Wva_dlVCrJ5QeV-d-XhfPKHZTteKCCPTcZAoBo/s100-no/Faceblog+Evolutions.jpg" class="mini" width="100" height="100" alt="" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghPXcrAlN6Fp6dqodU7ECUbQpyUjbQNw2M1mvwNaKzyHEbZxziatkm82CipO7dGU131OPtONLovznOngN5j4aybo8mzu-jF5PsJrh73wWy8z_Geg-tHiu-rKLB_zMn_m9ngxvX0QwQoT7P/w500-h390-no/Gallery+Faceblog+Evolutions.jpg" class="pic" alt="" />
</li></ul>
</div>
Ganti URL gambar di atas dengan photo yang di inginkan.
3. Selanjutnya paste kode tersebut kedalam area posting mode HTML, lalu klik Publikasikan.
DEMO:
DEMO:
20 Response to "Membuat Thumbnail Gallery Photo CSS3 di Blog"
cantik banget galery potonya.....makin byk ajah nih koleksinya
Balaskeren gan gallery nya tp lebih mantap kalo di klik baru muncul preview gambar yang lebih besar gan...:)
Balasmantap sob kerenlah .. bakaln makin asyk neh blognya kalau pake ini
BalasWahh.. keren Sob...
BalasSudah saya coba di sini Sob (user saya)
Balasyeeee.. aku pake mupeng gampang.
Balaskeren banget asli deh
BalasMakin Ok aja nih mas koleki cssnya, absen jum'at malam
BalasWah lumayan juga bisa bermanfaat untuk menampilkan banyak gambar namun tidak membuat penuh postingan, mantap nih sob Membuat Thumbnail Gallery Photo CSS3 di Blognya... makasih udah berbagi :)
Balasbagus nih photo gallerynya. bagus untuk posting, juga bagus untuk slide kali ya..., ijin copas sob.
Balasdua jempol dech buat admin blog super ini :-)
Balasini yang saya cari gan..makasih tutorialnya
Balasmantap bro,ijin untuk mencoba mas bro,,,,
Balaskenapa saya coba selalu gagal haahahampreet :D
Balas-__- jadi males makenya kalo gagal mulu.
yeee katanya gampang kok masih gagal juga.
Balasmungkin yang dimasukin bukan fotomu miz, jadinya agak susah postingnya kurang support :D
hohoho
iya kang dede, mangga.. :)
Balassekarang udah ketemu kan.. :)
Balaspasti yang di masukin foto mangyono
BalasMas, Aku kok udah ganti fotonya jadi malah berantakan mas bro, gimana ni? -_-
Balaskenapa di saya gambarnya justru jelek / gak jelas waktu di zoom.
Balas