cara membuat gambar menjadi responsive - atau Cara Membuat Gambar Otomatis Menjadi Responsive
Selamat ketemu lagi dengan saya Admin blog Mahadewa pulsa dan ppob pada episode kali ini saya akan kembali berbagi pengetahuan atau berbagi Tips yaitu sesuai judul artikel ini cara membuat gambar menjadi responsive.
buat kalian yang pecinta Template Responsive tentunya akan sayang sekali jika hanya gara-gara memasang gambar/foto di blog lalu membuat template jadi tidak responsive bahkan bisa-bisa menjadi acak-acakan, buat yang belum tau apa itu responsive.
Responsive adalah sebuah tayangan blog / website yang otomatis akan mengikuti layar yang membuka suatau tayangan / halaman / blog tersebut.
dan fungsi dari responsive ialah diantaranya membuat nyaman buat pengunjung blog karena jika di buka dengan hanphone atau tablet layarnya akan menyesuaikan secara otomatis dan tulisanya pun akan standar tidak besar-besar.
untuk mengecek blog kita responsive atau tidaknya sebenarnya ada alatnya namun demikian kita juga bisa dengan mudah bisa mengecek template blog atau website itu responsive atau tidak nya yaitu dengan cara mengecilkan layar dengan menarik menggunakan mouse dan jika tulisan atau gambar itu ikut menyesuaikan layar yang sedang di kecilkan dan di bawah blog tidak muncul alat navigasi untuk mengeser kekiri dan kekanan itu artinya template yang responsive, sebaliknya jika di tarik / di kecilkan layarnya tapi tulisan dan gambar nya tidak ikut menyesuaikan layar dan yang jelas di bawah blog/website muncul alat navigasi untuk menggeser kekiri dan kekanan itu artinya template tidak responsive , untuk lebih jelasnya lihat pada gambar di bawah ini ( gambar template yang tidak responsive )
Dari uraian diatas semoga sudah bisa di mengerti tapi jika masih mau bertanya ya silahkan saja dan nanti saya akan jawab sebisa yang saya ketahui.
dan saatnya sekarang menuju langkah cara membuat gambar menjadi responsive maksudnya jika kita mengupload gambar atau foto kedalam blog/website supaya gambar tersebut ikut/otomatis menjadi responsive dan supaya tidak membuat naskah artikel menjadi tidak responsive, oleh karena itu kita harus menambahkan kode kedalam HTML template.
untuk pemasangan kode tersebut silahkan simak caranya di bawah ini :
1. buka blog anda lalu klik desain untuk menuju dashboard blog
2. pilih template dan klik edit HTML
3. cari kode di dalam HTML kode ini ]]</b:skin>
4. lalu masukan / letakan kode di bawah ini tepat di atas kode ]]</b:skin>
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}
Selamat ketemu lagi dengan saya Admin blog Mahadewa pulsa dan ppob pada episode kali ini saya akan kembali berbagi pengetahuan atau berbagi Tips yaitu sesuai judul artikel ini cara membuat gambar menjadi responsive.
buat kalian yang pecinta Template Responsive tentunya akan sayang sekali jika hanya gara-gara memasang gambar/foto di blog lalu membuat template jadi tidak responsive bahkan bisa-bisa menjadi acak-acakan, buat yang belum tau apa itu responsive.
Responsive adalah sebuah tayangan blog / website yang otomatis akan mengikuti layar yang membuka suatau tayangan / halaman / blog tersebut.
dan fungsi dari responsive ialah diantaranya membuat nyaman buat pengunjung blog karena jika di buka dengan hanphone atau tablet layarnya akan menyesuaikan secara otomatis dan tulisanya pun akan standar tidak besar-besar.
untuk mengecek blog kita responsive atau tidaknya sebenarnya ada alatnya namun demikian kita juga bisa dengan mudah bisa mengecek template blog atau website itu responsive atau tidak nya yaitu dengan cara mengecilkan layar dengan menarik menggunakan mouse dan jika tulisan atau gambar itu ikut menyesuaikan layar yang sedang di kecilkan dan di bawah blog tidak muncul alat navigasi untuk mengeser kekiri dan kekanan itu artinya template yang responsive, sebaliknya jika di tarik / di kecilkan layarnya tapi tulisan dan gambar nya tidak ikut menyesuaikan layar dan yang jelas di bawah blog/website muncul alat navigasi untuk menggeser kekiri dan kekanan itu artinya template tidak responsive , untuk lebih jelasnya lihat pada gambar di bawah ini ( gambar template yang tidak responsive )
 |
| contoh tidak responsive |
dan saatnya sekarang menuju langkah cara membuat gambar menjadi responsive maksudnya jika kita mengupload gambar atau foto kedalam blog/website supaya gambar tersebut ikut/otomatis menjadi responsive dan supaya tidak membuat naskah artikel menjadi tidak responsive, oleh karena itu kita harus menambahkan kode kedalam HTML template.
untuk pemasangan kode tersebut silahkan simak caranya di bawah ini :
1. buka blog anda lalu klik desain untuk menuju dashboard blog
2. pilih template dan klik edit HTML
3. cari kode di dalam HTML kode ini ]]</b:skin>
4. lalu masukan / letakan kode di bawah ini tepat di atas kode ]]</b:skin>
.separator a{margin-left:0px !important;margin-right:0px !important;}
5. klik pratinjau dulu untuk menlihat penempatan kodenya sudah benar atau salah
6. jika sudah benar/tidak eror silahkan simpan template nya
7. selesai
sampai disini panduan Blogge desain website Tentang cara membuat gambar menjadi responsive , dan untuk melihat panduan seputar blogger yang lainya bisa di lihat judul judul pstinganya di kolom Artikel Terkait di bawah ini atau anda bisa membuka menu daftar isi di atas , Terimakasih