Sunday, 10 November 2013

Cara Membuat Gambar Responsive di Blog

Cara Membuat Gambar Responsive di Blog - Jika sobat pecinta dengan yang yang namanya responsive , nah trick yang satu ini jangan anda lewatkan yaitu membuat gambar pada blog atau template menjadi responsive atau bisa menyesuaikan layar . Yang membuat gambar tidak responsive yaitu pada CSS img dan separator. Jika template sudah responsive, maka pada ukuran device kecil gambar akan terlihat keluar ke kanan.

Cara Membuat Gambar Responsive di Blog


Cara Membuat Gambar blog atau template menjadi responsive :

1. Masuk ke akun blogger sobat 
2 Kemudian Pada Template Editor cari ]]</b:skin>
3. Setelah itu sobat letakkan CSS berikut tepat di atas ]]</b:skin>

img{max-width:100%!important}
.separator a{margin-left:0!important;margin-right:0!important}

4. Kemudian Simpan Taraaa . sekarang anda sudah bisa membuat gambar blog anda menjadi responsive


Nah mudahkan sob trick dan trips Cara Membuat Gambar Responsive di Blog , semoga cara tersebut dapat membantu anda . sekian terima kasih wassalam wr.wb.
Diposkan oleh di
Label:

4 comments:

  1. Wahyu Eka Prasetiyarini10 November 2013 at 07:38

    Ternyata mudah sekali ya untuk membuat gambar blog menjadi responsif, saya kebetulan baru tahu hehe :D
    Bisa dicoba nich tutorialnya agar blog bisa lebih seo friendly ya :)

    ReplyDelete
    Replies
    1. Hasman Abdul Aini10 November 2013 at 08:32

      ya mbak memang ada tutorial cara membuat gambar pada menjadi responsive :>
      saya juga baru tahu .. heheh

      Delete
  2. Indri Lidiawati3 March 2014 at 00:59

    makasih sharingnya mas :) tapi sayangnya kode css-nya gak bisa dicopy jadi saya gak bisa praktek, hehehe :D

    ReplyDelete
    Replies
    1. Indri Lidiawati3 March 2014 at 21:26

      makasih banyak mas, sdh saya terapkan di blog saya dan hasilnya langsung berhasil :D

      salam sukses n keep sharing :)

      Delete

Subscribe to: Post Comments (Atom)