Merapikan Tampilan Gambar di Dalam Postingan

Merapikan Tampilan Gambar di Dalam Postingan – Memodifikasi tampilan gambar pada bagian postingan (penuh) merupakan salah satu langkah untuk mempercantik blog. Sehingga pengunjung akan merasa nyaman dengan adanya letak gambar disuatu postingan yang tidak karu-karuan. Bagi anda yang biasa menggunakan gambar pada postingannya mungkin cara ini bisa anda gunakan. Namun, jika anda tidak terbiasa menggunakan gambar dipostingan dengan alasan yang anda pahami, tidak perlu anda melanjutkan bacaan artikel ini. Contoh tutorial ini, dapat dilihat langsung pada gambari di bawah:

Bagi yang tertarik untuk merapikan tampilan gambar di dalam postingan blognya, cukup meletakkan CSS berikut ini di bawah <style type=text/css> blog:
.separator{background:#e8ebf2;float:none;max-width:100%; height: auto; width: auto;margin:20px auto 10px;text-align:center !important}
.separator img{max-width:75%; height: auto; width: auto;margin:25px 0 20px; padding:0;box-shadow: 0 0 5px 1px #bbb;border:5px solid #fff;text-align:center !important}
Lalu simpan.
Sekian tutorial ini, semoga bermanfaat. Salam blogging.


Posting Komentar