Menjadikan hidup lebih bermakna

Saturday, February 11, 2017

Cara Merapikan Banyak Gambar Dalam Postingan Blog


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 rapisobat 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 modeHTML,Untuk membuat gambar menjadi persegi empat (sama besar dengan gambar yang lainnya) maka anda harus menambahkan kode warna biru diatas height="145" width="145atur 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/AVvXsEge-FclfFEQ0-TUQ6NbtZ6JM1GINhHmWMX4AhJWOtopOr4E3mC2cjA_oT5YY1VSsFMDv1ZGgZBvdWsb9o7PgdlkxU_I3VoB-DKzHxP0e4RjlQoOcuxeomaldS6CI8UXOxk05siPJfi7ET0/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/AVvXsEge-FclfFEQ0-TUQ6NbtZ6JM1GINhHmWMX4AhJWOtopOr4E3mC2cjA_oT5YY1VSsFMDv1ZGgZBvdWsb9o7PgdlkxU_I3VoB-DKzHxP0e4RjlQoOcuxeomaldS6CI8UXOxk05siPJfi7ET0/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/AVvXsEgwCtcTjWR-FlDeq5OfWUgSZkmFCyBsV4L8VIIaDTb4X_9Rw-P4ULXWjD03paAFw1SJHV9ofIKpAsNfcRVSurKRZOw_cmenYCsznaeGJ20vdu9LHg8P6FJcu8rI_OCFJI7kUBMzXrsjppM/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/AVvXsEgwCtcTjWR-FlDeq5OfWUgSZkmFCyBsV4L8VIIaDTb4X_9Rw-P4ULXWjD03paAFw1SJHV9ofIKpAsNfcRVSurKRZOw_cmenYCsznaeGJ20vdu9LHg8P6FJcu8rI_OCFJI7kUBMzXrsjppM/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/AVvXsEjQHxEoe766ONkmRSpu_TSQ88MX4Ix_-KqQiIU2jkNgFvzm0Bh4KdBSDB6tTzdJxoa_wSIhrgta3ePWBBp-htSr8WN-egZonh_sDbRMiazJPGtYExqb-mXN-ggY-zUTfM7V8etz1OBCjNs/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/AVvXsEjQHxEoe766ONkmRSpu_TSQ88MX4Ix_-KqQiIU2jkNgFvzm0Bh4KdBSDB6tTzdJxoa_wSIhrgta3ePWBBp-htSr8WN-egZonh_sDbRMiazJPGtYExqb-mXN-ggY-zUTfM7V8etz1OBCjNs/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/AVvXsEgeL2ipyjw8jb9wJFx_DpOESwt2pwU7Qc8hpADvU5zj_gL-Df79vmRJKUajTX2p7qxm0G3grehZ91Fo4g8uQEsws5q4GF_K6Y8sVNV1XxhcdNwsYoCgUMiwunvSsQ9zvVi_1qZdmIg3Gz0/s1600/Gummy-Descendants-of-the-Sun-OST-Part-4.jpg"><img border="0" height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeL2ipyjw8jb9wJFx_DpOESwt2pwU7Qc8hpADvU5zj_gL-Df79vmRJKUajTX2p7qxm0G3grehZ91Fo4g8uQEsws5q4GF_K6Y8sVNV1XxhcdNwsYoCgUMiwunvSsQ9zvVi_1qZdmIg3Gz0/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..
Share:

Tuliskan Komentar Anda disini