Biasanya kalau mengupload banyak gambar dalam postingan sebuah blog
,hasil tampilannya akan jatuh ke
bawah/ memanjang kebawah .Hal ini sangat tidak bagus karena
memakan banyak tempat dan hasilnya tidak bisa rapi…sobat bloger, kali ini saya akan share bagaimana cara agar penyusunan
gambar yang dibuat di dalam postingan blog seperti biasanya akan melorot
kebawah menjadi lebih
rapi dan enak untuk dilihat.
Supaya gambar tersusun rapi didalam posting
blog, anda hanya perlu menambahkan kode :
<table><tr>
<td>Url
Gambar </td>
</tr></table>
Cara meletakkan
kode tersebut beserta url gambar di dalam postingan pada mode HTML,Untuk membuat
gambar menjadi persegi empat (sama besar dengan gambar yang lainnya) maka anda
harus menambahkan kode warna biru diatas height="145" width="145" ,
atur sendiri sesuai dengan lebar ruang post anda. Dibawah ini adalah contoh postingan gambar menggunakn html tabel diatas, hasilnya rapi dan enak untuk dilihat,.
Untuk
lebih memudahkan ,saya sudah siapkan kode tabel html yang siap di copy paste di
blog sobat .Berikut kode nya..
<table><tr>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSN1U6uPaFnaBb0g0vU-R0hjt_pDomTmQ1-rBpgWqUeLwPcopIk0goZZjYPLTfjqIzHjeOpf7sStVbqhdE-IiYvmGXszuz9j-QL6y-XxlhJ3JmpdfBWR9Jw2J6BNhvFi21mzBPd0EYFYc/s1600/Yoonmirae+%2528t+%25EC%259C%25A4%25EB%25AF%25B8%25EB%259E%2598%2529+-+ALWAYS+OST-Part-1.jpg"><img border="0" height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSN1U6uPaFnaBb0g0vU-R0hjt_pDomTmQ1-rBpgWqUeLwPcopIk0goZZjYPLTfjqIzHjeOpf7sStVbqhdE-IiYvmGXszuz9j-QL6y-XxlhJ3JmpdfBWR9Jw2J6BNhvFi21mzBPd0EYFYc/s1600/Yoonmirae+%2528t+%25EC%259C%25A4%25EB%25AF%25B8%25EB%259E%2598%2529+-+ALWAYS+OST-Part-1.jpg"width="145" /></a></td>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivm1rIn6pxsdE4JJ-5NwWV_T3eS8wBjwR38pIPqwf-vw6i3sl3xidjUJRf56yV-UuVe73oi_HGvlYpkao3ZkKPIdu_8O9Xe9UX_8nVRTqJSn_pRGQnoOPkuD-5FJli99lcmFB9nKYDXy8/s1600/CHEN+%2526+Punch+%2528%25EC%25B2%25B8+%2526+%25ED%258E%2580%25EC%25B9%2598%2529+-+Everytime.jpg"><img border="0" height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivm1rIn6pxsdE4JJ-5NwWV_T3eS8wBjwR38pIPqwf-vw6i3sl3xidjUJRf56yV-UuVe73oi_HGvlYpkao3ZkKPIdu_8O9Xe9UX_8nVRTqJSn_pRGQnoOPkuD-5FJli99lcmFB9nKYDXy8/s1600/CHEN+%2526+Punch+%2528%25EC%25B2%25B8+%2526+%25ED%258E%2580%25EC%25B9%2598%2529+-+Everytime.jpg"width="145" /></a></td>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijN6Wd90UVETSwcRXeqTBFvwEFct-kHtKz1It-XWsOEXSxuiDRz8w9Shu0oWWM4YAThMSakWkpct7B6uR57gcjtkjlt1h_ZBVElZMyufeC6ZIBkIZnfqNdMe6RzlUCdO_-bCL7seXxllQ/s1600/DAVICHI+%2528%25EB%258B%25A4%25EB%25B9%2584%25EC%25B9%2598%2529+-+%25EC%259D%25B4+%25EC%2582%25AC%25EB%259E%2591+%2528This+Love%2529.jpg"><img border="0" height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijN6Wd90UVETSwcRXeqTBFvwEFct-kHtKz1It-XWsOEXSxuiDRz8w9Shu0oWWM4YAThMSakWkpct7B6uR57gcjtkjlt1h_ZBVElZMyufeC6ZIBkIZnfqNdMe6RzlUCdO_-bCL7seXxllQ/s1600/DAVICHI+%2528%25EB%258B%25A4%25EB%25B9%2584%25EC%25B9%2598%2529+-+%25EC%259D%25B4+%25EC%2582%25AC%25EB%259E%2591+%2528This+Love%2529.jpg"width="145" /></a></td>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnjPQ2IkO_VIB0-ztQ-Dh1-b54S9GUVs_dLtyqwCTQSRiFREnJJ3VU8iNcubWVAbLUfU4154V_kj4jy-sEi2D5J7Xp_QQH-cV74peoFX_dmsi7iDjUM6f_CZN_a9ZHf9YzbT-XMWwlL7k/s1600/Gummy-Descendants-of-the-Sun-OST-Part-4.jpg"><img border="0" height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnjPQ2IkO_VIB0-ztQ-Dh1-b54S9GUVs_dLtyqwCTQSRiFREnJJ3VU8iNcubWVAbLUfU4154V_kj4jy-sEi2D5J7Xp_QQH-cV74peoFX_dmsi7iDjUM6f_CZN_a9ZHf9YzbT-XMWwlL7k/s1600/Gummy-Descendants-of-the-Sun-OST-Part-4.jpg"width="145" /></a></td>
</tr></table>
Keterangan
:
Warna
merah : ganti dengan URL gambar yang mau di upload
Warna
biru ; sesuaikan ukuran template blog anda
Mudah bukan…Cara merapikan banyak gambar pada blog….semoga artikel ini
bermanfaat..suwun
