Wednesday, April 18, 2012

Cara Memasang gambar disebelah isi postingan


Posted by: Bloggertrik // 10:23 PM | Kategori: trik blog
Cara Memasang gambar disebelah isi postingan
Memasang gambar pada postingan sudah biasa diterapkan,
Namun alangkah baiknya gambar tersebut diletakkan di sebelah artikel agar lebih rapih.

Tutorial kali ini membahas tentang cara memasang gambar di sebelah potingan.
Biasanya kode image yang disertai dengan alt dan title adalah sebagai berikut

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-KIef8aHSRcxw5LIEoMmDHNkxFhXTlZGobF-XCyDscI75LhOOPZeRZy8mU0bsgg4QewU_QiuPznE8_ltOeYoanZeuOCF5z21pZ4cAsH2QVHzkXltLEFVuDyPkAhhHFAEQWEuFcLZLHco/s1600/icon-photoscape-03.jpg" width="250" height="250" alt="Cara Memasang gambar disebelah isi postingan" title="Cara Memasang gambar disebelah isi postingan" />


Untuk menjadikan letaknya berada di kiri kita hanya perlu menambahkan style floatnya sehingga menjadi seperti di bawah ini

<img style="float:left;margin:10px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-KIef8aHSRcxw5LIEoMmDHNkxFhXTlZGobF-XCyDscI75LhOOPZeRZy8mU0bsgg4QewU_QiuPznE8_ltOeYoanZeuOCF5z21pZ4cAsH2QVHzkXltLEFVuDyPkAhhHFAEQWEuFcLZLHco/s1600/icon-photoscape-03.jpg" width="250" height="250" alt="Cara Memasang gambar disebelah isi postingan" title="Cara Memasang gambar disebelah isi postingan" />


margin pada kode diatas adalah jarak antara bagian gambar dengan isi artikel.
Cara Memasang gambar disebelah isi postingan
Cara Memasang gambar disebelah isi postingan Bloggertrik
By:
Published:
Rating Artikel : 5 rates
Jumlah Voting : 160 Orang Total time:

Link Url: http://bloggertrik.blogspot.com/2012/04/cara-memasang-gambar-disebelah-isi.html