Agar Gambar Di Blog Jadi Responsive

Bani Cyber – cara membuat agar gambar di postingan blog jadi responsive. Blog yang disukai oleh pengunjung itu adalah blog yang responsive. Tapi sebenarnya Blog yang Responsive itu apa sih? Blog yang Responsive adalah blog yang dapat menyesuaikan blog dengan gadget yang digunakan pengunjung atau user.

Jadi blog yang responsive juga dapat dikatakan mobile friendly, karena blog responsive dapat menyesuaikan ponsel/smartphone yang di pakai oleh pengunjung. Responsive itu wajib gak sih? Ya. Kok wajib sih? Karena google telah memperbaharui algoritma nya. dan bukan itu saja fungsi blog responsive adalah agar pengunjung nyaman di rumah kita yaitu blog kita. Google lebih suka blog yang dapat memuaskan pengunjung blog nya.

Jadi apakah susah untuk membuat blog jadi full responsive, lumayan sih jika belum mengerti. Jadi saya akan membahas tips agar gambar pada blog (gambar pada postingan, logo header, dll) menjadi responsive. Biasanya blog yang tidak responsive, biasanya gambar pada blog nya melebihi layar gadget yang dipakai oleh pengunjung.

Misalnya blog kita membahas gambar komik lucu, tapi blog kita tidak responsive. Gimana pengunjung bisa baca komik lucu pada gambarnya, jika gambarnya melebihi/melewati layar gadget. Untuk itu kita perlu membuat gambar pada blog menjadi responsive.

Apakah gambar pada blog anda sudah responsive belum? Jika belum di blog ini saya akan membahas tips secara lengkap membuat gambar jadi responsive di gadget apapun. Jika anda ingin agar tulisan pada artikel blog anda juga responsive, bisa anda baca artikel nya dibawah artikel ini.

Btw, yang ingin template yang responsive, seo, gratis dan valid html 5. Disini saya menyediakan template untuk blogger yang suka template warna gelap (Basic Color: Merah dan Hitam), yaitu bernama baniseo blogger template v1. download disini

Lanjut lagi ke pokok pembahasan. Gimana, Mau lanjut gak? Gak? Klik close tab. Yang mau lanjut, kita langsung ke tips cara membuat gambar/foto pada blog jadi responsive.

Silahkan buka blogger.com dulu ya. Lalu ikuti tips berikut :

1. Buka Template, Klik Edit HTML
2. Cari Kode Berikut : img {
3. Tambahkan Kode Berikut Setelah Kode Tersebut
max-width:100%;
4. Hasilnya jadi begini.
Img {max-width:100%}
5. Save Template

Catatan!
Anda bisa mengganti 100% menjadi sesuai keinginan anda sendiri, tapi saran saya agar gambar pada blog gak kebesaran atau kekecilan, kode 100% ini dibiarkan saja.

Anda bisa cek gambar pada blog anda di gadget apapun, bagi anda yang sebelumnya gambar pada blog nya belum responsive, sekarang anda sudah mendapatkan gambar blog anda menjadi responsive.

Apakah tulisan di artikel blog anda tidak responsive? Baca artikel berikut.
New! Cara agar tulisan di artikel blog menjadi responsive.

Comments

Post a Comment

Popular posts from this blog

5 Cara Mengubah Bahasa Keyboard ke Arab, Jepang, dll di Semua Keyboard Android

Image
Tumeskecil - Pada keyboard qwerty, huruf yang digunakan hanya terbatas pada huruf latin yang hanya bisa digunakan di beberapa bahasa seperti bahasa Indonesia dan Inggris. Namun, bagaimana dengan bahasa lainnya yang tidak menggunakan huruf latin? Seperti contohnya bahasa Arab. Tentunya kamu pasti mengakalinya dengan menulis bahasa tersebut dengan bahasa latin seperti اسلم عليكم menjadi Assalamualaikum. Begitupun dengan bahasa lainnya. Penulisan seperti itu sepertinya dirasa agak kurang keren. Sebenarnya, mudah mengganti keyboard qwerty menjadi berhuruf lainnya. Selain itu, ada juga kelompok orang yang memahami bahasa tertentu, seperti orang yang ahli dalam bahasa Jepang juga ingin chattingan menggunakan bahasa yang mereka kuasai. Nah, kali ini Tumeskecil akan membagikan cara mengubah papan ketikke bahasa arab, jepang dan sebagainya. Tutorial cara mengubah bahasa keyboard android berikut kami paparkan dengan berbagai jenis keyboard virtual smartphone yang populer. A. Gboa...
Read more

cara mudah mengganti domain blogspot (custom domain)

Image
HERI2911- cara mudah mengganti domain blogspot (custom domain) kali ini saya akan menjelaskan bagaimana cara mudah mengganti domain blogspot (custome domain) ke domain kita sendiri yang sudah kita beli dari layanan penyedia domain misal tadi nya blog kita domainnya heriyanto221193.blogspot.com akan kita rubah menjadi herinda.com. bagai mana caranya..? berikut ini akan menjelaskan cara mudah menggati domain blogspot (custome domain) , namun sebelum menggati domain pada blogspot kalian,alangkah baiknya membaca artikel sebelumnya yang pernah saya tulis mengenai resiko menggati domain pada  blog  >>>> BACA DISINI langsung saja langkah cara mudah mengganti domain blogspot (custom domain) . pertama:  beli domain di web penyedia layanan domain,baik  dari penyedia layanan dengan harga murah hingga harga termahal tinggal menyesuakan budget saja,ada banyak penyedia layanan yang bisa kita pilih seperti rumahweb , exabytes dan bahkan kita bisa beli langsung dari b...
Read more

Cara Mengatasi Penolakan AdSense "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten"

Image
COPAD | Cara Mengatasi Penolakan AdSense "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten" - Halo sobat COPAD, selamat datang kembali bagi pengunjung lama, eh.. Setia maksudnya, hehe.. :v Dan selamat datang juga bagi pengunjung baru di blog ini. Pada kesempatan kali ini, mimin akan membagikan solusi kepada sobat yang sering atau pernah ditolak AdSense. Apa alasan penolakannya, dan bagaimana cara mengatasinya? Yuk, langsung ke TKP. Check it out! Ada yang sering atau pernah mengalami email penolakan dari Google AdSense dengan alasan "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten" setelah penggantian domain ke TLD? Padahal blog dapat diakses dan konten juga sudah banyak. Kode iklan AdSense juga sudah terpasang pada HTML blog. Maksud dari "Situs Tidak Aktif" itu sebenarnya bukan untuk menekankan kita untuk terus aktif ngeblog sepanjang masa pengajuan (review) AdSense, namun blog kita memang tidak dapat d...
Read more