Jika gambar di blog kita di set menjadi responsive blog kita akan terlihat rapi, karena ukuran gambar akan menyesuaikan dengan ukuran layar device yang digunakan. Seperti hal-nya blog saya juga menerapkan metode responsive pada gambar. Jadi jika sobat ingin membuat gambar pada blog sobat menjadi responsive saya akan membagkan tips-nya
1. Masuk Blogger
2. Pilih Template => Edit HTML
3. Letakkan kode CSS berikut tepat diatas kode ]]></b:skin> atau </style>
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}Nah kini gambar di blog anda sudah menjadi responsive, jika anda masuh bingung untuk membuat gambar menjadi responsive silahkan berkomentar nanti akan saya bantu.
29 komentar
terimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
Balasdi tunggu informasi selanjutnya, sukses terus
Terimakasih mas, berjalan dengan sempurna di blog saya :)
Balasmakasih ya gan,sangat bermanfaat tutorialnya
Balassama sama :D
Balasterima kasih kembali gan :)
Balasthanks buat infonya gan,, sangat bermanfaat sekali..
Balashttp://goo.gl/7kJRyb
Gan kalo buat responsif gambar/foto di widget gimana ya caranya? kalo gambar di postingan sih udah responsif tapi kalo embed gambar di widget masih belum responsif
BalasKalo pake max-width 100% nanti jadi full gan, tapi tetep responsive sih
BalasWork (y) thanks gan
BalasMuter2 nyari yang simple dan ga pake rubah banyak, ternyata nemu torotialnya disini.
BalasMantap, om.... tengkyu banget.
Pertamax... langsung praktek ya mas,, tq
BalasBermanfaat sekali info nya mas (y) blog nya juga bagus =D
Balas5 Template blog keren terbaru gratis
gan kedua code tersbut tidak ada di tempelate sya
Balasuntuk di widget silahkan coba langkah ini:
Balasimg alt="alt_gambar" height:auto="" max-width:100="" src="link gambar" width="100%"
di website saya cara ini bekerja
http://www.holistu.com/
look at footer "VITA HOLISTU"
Work! Makasih tipsnya bro.
Balashttp://carasugar.blogspot.co.id
BalasTerimakasih mas, blog saya jadi makin keren... ijin share yah..
Balasmakasih infonya gan kungjungi juga web kami: http://tokovimaxmakassar.com/
Balasgak bisa mas,. atau saya yng salah ,. si=orry nubi,. dihtml, script style> ada banyak, 3 saya nemunyam,. di semua style ditemplokin scriptnya?
Balasterimakasih sangat bermanfaat, silahkan kunjungan balik www.yasin-andreas.net
Balasthks atas informasinya,
BalasMakasih gan infonya
Balasmntap :D
BalasMau tanya, kenapa klw share fb gambarnya gak muncul?
Balasmantab gannnnnn
Balasmantap gan jadi gak gepeng lagi :D
Balasmakasih kakak.. mantul alias mantap betul!
BalasTerima kasih ilmunya gan, salam dari saya
BalasTempat pasang iklan gratis
http://bimbelpro.com/osclass
Peraturan Berkomentar
► Komentarlah Sesuai Topik Artikel
► Dilarang Menggunakan Kata yang Mengandung SARA dan Sejenisnya
► Dilarang Membuat Link Aktif
► Berkomentarlah yang Baik
Terima kasih atas kunjungan anda, Selamat Berkomentar.
▁ ▂ ▃ ▄ ▅ ▆ ▇ █ █ ▇ ▆ ▅ ▄ ▃ ▂ ▁