rss

Cari Sepatu Keren??

Cara Memperbesar Image/Gambar Pada Postingan Blog

Mungkin jarang yang bertanya bagaimana cara memperbesar Image/foto/gambar dalam postingan. Normalnya, jika anda meng-upload gambar yang berukuran besar maka blogger akan secara otomatis memperkecilnya hingga ukuran thumbnails. Untuk memperbesarnya terkadang membuat kualitasnya yang memprihatinkan alias negblur. Tapi ada trik supaya gambar akan tetap tajam walau di perbesar.
Berikut Langkahnya:
Secara normal gambar akan berukuran thumbnails:



Setelah di gambar di modifikasi


1. Pertama, anda hitung dulu berapa ukuran gambar tersebut (image size)untuk ditampilkan. Sebagai contoh gambar diatas memiliki ukuran asli 749x529. Jadi lebar maksimumnya adalah 529px. Untuk membuat lebih tajam maka buatlah lebih kecil dari maksimum size nya seperti 500px
Silahkan masuk ke blogmu >> Designe >> Edit HTML.

Cari kode di bawah ini:
]]></b:skin>

Tambahkan kode di bawah ini sebelum atau diatas kode tadi:
img {
max-width: 560px;
width: expression(this.width > 560 ? 560: true);
}


Sesuaikan dengan gambar aslinya sesuai dengan langkah pertama tadi. Ganti ukuran yang berwarna merahnya.

Kemudian Save.

2. Ketika meng-upload gambar maka kode aslinya akan terlihat seperti ini.(lihat di tab HTML)

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/_MGaIyH4glmM/TDAW4MdBl0I/AAAAAAAAAUw/CmzqQDQV3h8/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/_MGaIyH4glmM/TDAW4MdBl0I/AAAAAAAAAUw/CmzqQDQV3h8/s320/1.jpg" width="224" /></a></div>


3. Silahkan ganti ukuran height dan widht nya ingat tidak lebih dari ukuran aslinya..

hasilnya akan terlihat seperti gambar di atas. Selamat mencoba..


.::Related Posts:

6 comments:

ANDI WONG on Tuesday, July 06, 2010 3:10:00 PM said... Reply

gw udah coba trik ini gan... bagus untuk blog yg berkonten galeri Gambar /wallpaper.. tul gk gan ?.. :)

Hamz on Wednesday, July 07, 2010 4:30:00 PM said... Reply

ya mudah-mudahan bermanfaat bagi semau sob.

fatasoft.co on Tuesday, January 03, 2012 12:54:00 PM said... Reply

siiip brow........
kalau untuk game online gimana gan........maksudnya supaya ketika game online yg ada di postingan kita di perbesar juga supaya enak

kutulis on Tuesday, May 08, 2012 2:54:00 AM said... Reply

terima kasih masukannya om.. sangat bermanfaat nih,,. makasih.

Cara Memperbesar on Tuesday, July 31, 2012 3:23:00 PM said... Reply

cara yang bagus dan mudah di pahami. thanks

Anonymous said... Reply

nice blog gan,ane mau nanya caranya supaya foto bisa tampil zoom kaya foto agan diatas (saat dl klik muncul zoom + slide)

ditunggu infonya ya gan,makasih :)


Post a Comment

Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.

Sub Menu

  • 1. Membuat Teks Berkedip
  • 2. Menambah Elemen di Atas dan Bawah Posting
  • 3. Menambah Dua Elemen di Bawah Sidebar
  • 4. Kotak Komentar Blogger Bermasalah
  • 5. Membuat Teks Bergerak Pada Blogger
  • 6. Membuat Tabel Pada Blogger
  • 7. Cara Membuat Scrollbox pada Blogger
  • 8. Fungsi New Pages Pada Blogspot
  • 9. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 10. Membagi 2 Kolom Sidebar Blog
  • 11. Cara Memperlebar Halaman Blog
  • 12. Mengatur Perataan Posting Artikel
  • 13. Membuat Menu Dropdown Pada Arsip
  • 14. Blogger Sudah Support Fungsi Readmore
  • 15. Menambahkan Web Counter
  • 16. Cara Mendaftar dalam Blogspot
  • 17. Membuat Emotion Pada Blogger
  • 18. Memasang Yahoo Messenger Emotion
  • 19. Membuat Background Posting
  • 20. Membuat Menu Tab View Pada Blogger
  • 21. Cara Mengganti Icon Pada Address Bar
  • 22. Cara Memasang Gambar Berbingkai
  • 23. Cara Membuat Tombol Facebook Like di Blogger
  • 24. Cara Membuat Related Post Dengan Fungsi Scroll
  • 25. Membuat Border dan Kotak Pada Postingan
  • 26. Cara Membuat Buku Tamu Melayang
  • 27. Membuat Iklan Melayang dengan Tombol Close
  • 28. Membuat Kata Sambutan, Penutup dan Pertanyaan Pada Blogger
  • 29. Memasang Widget Recent Post dengan Thumblnails
  • 30. Evolusi Blogger dari Tahun 1999 - 2009
  • 31. Tips Agar Blog Anda Mudah Diakses di HP
  • 32. Cara Memasang Retweet Button Pada Blogger
  • 33. Cara Memperbesar Image/Gambar Pada Postingan Blog
  • 34. Menambah Font dari Google Custom Pada Blogger
  • 35. Membackup Komentar di Blogger
  • 36. Koleksi Gratis RSS Feed Icon dan RSS Feed Vector Graphics
  • 37. Tips Menjadikan Blogger Unlimited Bandwidht/Loading Page Super Cepat
  • 38. Daftar 'Keyboard Shortcut' Untuk Posting di Blogger
  • 39. Mengganti Font Blogger dari Kernest.com
  • 40. Tips Seni Dalam Menulis Artikel di Blog Kita
  • 41. 8 Tips Menulis Artikel Blog Dalam Waktu 20 Menit
  • 42. 5 Tips Efektif dalam Menulis di Blog
  • 43. Mengenal Lebih Dekat Tentang SEO dengan SEO Dictionary
  • 44. 4 Situs Terbaik Bekapasitas 10GB Untuk Menyimpan Data Secara Online
  • 45. SEO adalah Kerangka, Konten adalah Otot, Sosial Media adalah Fisik
  • 46. Bagaimana Cara Kerja Google?
  • 47. Perbaharui Posting Lama Anda
  • 48. Mengapa Page Rank Blog/Web Jatuh?
  • 49. Share Buttons Milik Blogger
  • 50. Integrasi Antara Blogger dan Zemanta Gadget
  • 51. Gambaran Frekuensi Posting Blog kita
  • 52. Cara Mengatasi Blog Post dari Copy Paste
  • 53. Batas/Limit Kapasitas Akun Blogger
  • 54. Posting Blog Menggunakan Word 2010
  • 55. 6 Situs Foto Gratis untuk Blog Anda
  • 56. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 57. 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
  • 58. Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
  • 59. Generasi Blogger Masih Didominasi Oleh Kawula Muda
  • 60. Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
  • 61. Blogger Belajar Dari Harry Potter
  • 62. Trik Menampilkan Total Post, Comment, dan Online User
  • 63. 38 Jawaban SEO
  • 64. Trik Menampilkan Total Post, Comment, dan Online User
  • 65. Cara Mentransfer Akun Blog ke Akun Blog yang Lain
  • 66. Mengenal Fungsi Navbar di Blogger
  • 67. Cara Pasang Recent Posts Thumbnails Dengan Mudah
  • 68. Cara Memasang File Flash Di Blog Post
  • Popular Posts

    Shout it!