Home » » Cara Memposting Gambar Berkualitas Tinggi di Blog

Cara Memposting Gambar Berkualitas Tinggi di Blog

Redi Apri Handoko | 08.32 | 0 comments
Biasanya ketika kita mengupload gambar ke blogger (dengan ukuran yang besar yang dipilih) gambar tersebut secara otomatis akan di resize atau diatur ukurannya. Efeknya yaitu kualitas gambar yang dihasilkan lebih jelek. Jadi untuk membuat gambar menjadi lebih jelas dan tajam trik ini dapat bermanfaat.

Pertama-tama hitunglah berapa ukuran gambar yang anda ingin tampilkan (biasanya lebih sedikit kecil dari tubuh posting). Seumpamanya ambil blog ini sebagai contoh. Body utamanya yaitu 570 px. Jadi ukuran maksimum untuk memposting gambar yang besar yaitu 570 px. Tetapi untuk membuat gambar terlihat lebih menarik kita harus memberikan padding, jadi pilihlah ukuran yang agak kecil dari tubuh posting.

1. Sekarang masuk ke Rancangan, klik Edit HTML
2. Cari ini ]]></b:skin>
3. Tambahkan ini sebelum kode diatas
img {
max-width: 560px;
width: expression(this.width > 560 ? 560: true);
}
Lihat angka berwarna merah itu adalah lebar gambar

4. Simpan perubahannya.
5. Selanjutnya jika sobat sedang memposting ...maka upload image seperti biasa. Masuk ke tab Eidt HTML pada posting dan kode gambar akan terlihat mirip seperti ini:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s1600-h/megan+fox.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 280px; height: 400px;" src="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s400/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>
6. Yang perlu dilakukan selanjutnya yaitu menghilangkan teks yang berwarna biru dan gantikan dengan s400 dengan s800 sehingga kode terlihat seperti ini:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s1600-h/megan+fox.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s800/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>
Lihat hasilnya, image atau gambar yang anda upload akan terlihat lebih besar pada blog!!!!
Berbagi Dengan Teman:

Posted by : Redi A.H ~ / Tutorial windows, SEO , Info gadget, Download game

Artikel Cara Memposting Gambar Berkualitas Tinggi di Blog Di posting oleh Redi A.H pada 7 Jul 2009. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kontak atau komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!

0 comments:

Posting Komentar

Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.

 
Site Meter :
Copyright © 2011. Tutorial Windows 7 - All Rights Reserved
Proudly powered by Blogger
Thank You For Google