Cara Meratakan Gambar Dengan Isi Postingan

Sabtu, 31 Juli 2010 ·

Sedikit tutorial yang mungkin bisa membantu anda , pada postingan kali ini saya akan memberikan tips mudah meratakan gambar dengan isi postingan. Hal ini bertujuan agar gambar yang dihasilkan sejajar dengan tulisan pada postingan. Untuk melakukannya kita hanya tinggal mengganti CSS pada gambar tsb. Khususnya pada ukuran Margin.

Baiklah langsung saja pertama cari ukuran margin pada post anda biasanya kodenya seperti ini :



Sebagai contoh margin diatas adalah kode posting anda , disetiap template pasti berbeda. Selanjutnya kita tinggal menggantinya dengan kode pada gambar.

<img style="float: left; margin: 0pt 10px 10px 0pt; width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6v3Guf8xHDWdsl6GjmSQC4iNHDiKO-ApNEcj_P3gUK0Fn_x29t6svpBgJsI79Zli-u2nRgJtMsm1NCKWDCOqwwIRI7-ylwhRWIu7A7OsQUW59VD3idTbqrnI78Rkpcoa_TFICjbmT_U/s200/duplicatecontent.jpg" alt="duplicate content" id="BLOGGER_PHOTO_ID_5478035816260508098" border="0" />


<-Sehingga menjadi ->

<img style="float: left; margin:.75em 0; width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6v3Guf8xHDWdsl6GjmSQC4iNHDiKO-ApNEcj_P3gUK0Fn_x29t6svpBgJsI79Zli-u2nRgJtMsm1NCKWDCOqwwIRI7-ylwhRWIu7A7OsQUW59VD3idTbqrnI78Rkpcoa_TFICjbmT_U/s200/duplicatecontent.jpg" alt="duplicate content" id="BLOGGER_PHOTO_ID_5478035816260508098" border="0" />



Keterangan Kode Biru adalah kode asli dari gambar ganti dengan kode merah yaitu kode margin template post anda.

Ilustrasi Gambar



Bagaimana mudah bukan?? anda bisa mengeditnya sesuai keinginan anda !

sumber : www.aditx.co.cc

[*]

Artikel Menarik Lainnya



2 komentar:

Harapan Putra Blogspot mengatakan...
10 Maret 2011 pukul 23.14  

thank's buat ilmunya bro...

Harapan Putra Blogspot.com

Sophia mengatakan...
23 Mei 2011 pukul 09.53  

mampir di blog ane gan...jalan jalan lagiii

Posting Komentar

Komentar Klasik Klik di sini

Artikel Populer

Komentar Terakhir

Tukeran Link

<a href="http://belajartrikblog.blogspot.com">target="new"><strong>Belajar Trik Blog</strong></a>

Mengenai Saya

Foto saya
Saya adalah pemula di dunia blogging