Memasang Gambar Berderet Horizontal dalam Postingan

Selamat malam Sahabat Pucanglaban, pada perjumpaan kali ini saya akan coba kasih satu tips trik tentang bagaimana cara memasang gambar berderet pada postingan. Pada umumnya, apabila kita memposting beberapa gambar, maka kedudukan gambar gambar tersebut bukan horizontal/menyamping, melainkan vertikal/kebawah. Dan untuk membuat kedudukan gambar bisa menyamping, mari langsung saja ke TKP!

Pada halaman posting, sahabat pilih EDIT HTML bukan compose, kemudian masukkan script ini:

<div style="width: 640px;float: left;margin: 10px;padding: 10px 0px 0px 10px;border: 2px solid #000;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background: #996600;background: -moz-linear-gradient(top, #996600, #99CCFF);background: -webkit-gradient(linear, 0% top, 100% bottom, from(#996600), to(#99CCFF));">
<img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width:auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" />
<img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /><img style="float:left; margin: 0px 10px 10px 0px; height: 100px; width: auto;" src="#" /></div>

*640px Sahabat ganti dengan ukuran yang sahabat inginkan. sesuaikan saja dengan lebar kolom postingan
*# Sahabat ganti dengan link URL gambar Sahabat.
* auto Sahabat ganti dengan ukuran gambar yang Sahabat inginkan.

Selamat mencoba dan mudah mudahan bermanfaat.
Pucanglaban.com informatif, kompetitif dan kreatif. bersama berbagi ilmu dan pengetahuan.