Solusi Posting Foto Terlalu Besar pada Blog

Bermasalah saat posting gambar yang berukuran lebih dari default blog anda?
Jangan khawatir saat ini saya akan memberikan tips dan trik cara bagaimana kita tidak perlu mengubah ukuran asli foto untuk diposting pada blog anda.

Perlu diketahui, gambar yang terlalu besar tidak boleh ditampilkan begitu saja di dalam artikel karena dapat bermasalah pada browser tertentu. Gambar yang lebih lebar daripada 550px (ukuran with postingan blog) lebih baik ditampilkan dalam bentuk panorama, yang dapat dibuat dengan menggunakan templat atau scroll. pada tutorial kali ini saya menggunkan gambar Panorama ukuran width 1800px yang saya dapatkan di Mbah Google

Contoh hasilnya berikut

Panorama kota Helsinki

Jika anda mau melakukannya atau untuk sekedar mencoba, silakan ikuti langkahnya

Langkahnya adalah

  • Pada saat kita akan memposting tulisan atau gambar anda harus pilih tab Edit HTML bukan Compose,
  • Copy paste kode berikut pada halaman HTML anda.
<div style="overflow-y: hidden; overflow-x: scroll;"><img src=" URL gambar anda" height="auto" width="auto"></div>
  • selesai dengan meng-klik TERBITKAN ENTRI.
Catatan : ganti URL gambar anda dengan URL gambar yang akan diposting
Semoga ini membantu anda semua. Amin

Source : Kang Fathur 

12 comments:

  1. nice info... kalau saya di ubah ukuranya aja... width sama hight nya .... :D

    ReplyDelete
  2. @Sodikin : ya... tul itu, tapi klo ukuran (with & height) terlalu besar diubah maka tampilannya gan akan bagus.....

    @KSRak'S : makasi telah berkunjung shobat....!!!

    @Nurmayanti Zain : wow mantap banget ^____^

    ReplyDelete
  3. Tips yang bagus kang, jadi tertarik pengin mencobanya

    ReplyDelete
  4. @IKA : mantap bro........... semoga sukses slalu dan trims telah berkunjung

    ReplyDelete
  5. @Healty : ya, kita gak usah repot2 mengatur with-nya agar sesuai dengan lebar halaman posting

    ReplyDelete
  6. Mantap artikelnya.... semoga ini bermanfaat bagi semua blogger indonesia...

    I Love blogger indonesia.

    ReplyDelete
  7. Wah.... mantap oiy tutorialnya..

    ReplyDelete
  8. @SEO | Computers: sma2 gan... semoga sukses ya?
    @Cak Slamet: amin allahumma amin.
    @KARak'S: semnatap komunitas lo ya? hehhehheheh

    ReplyDelete