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 :
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 [*]
2 komentar:
thank's buat ilmunya bro...
Harapan Putra Blogspot.com
mampir di blog ane gan...jalan jalan lagiii
Posting Komentar