Damacana.org Sayfalarına Hoşgeldiniz!


08 Haziran 2008

Blogger Resim Yükleme Sorunu ve Çözümü


Blogger'da resim yükleme alanı sınırsız olmasına karşın resim boyutu sınırı vardır. Blogger Resim Yükleme sihirbazında "jpg, gif, bmp ve png formatındaki, boyutu en fazla 8 MB olan resimleri kabul ediyoruz." yazsa da Blogger 8 MB'lık yüklenen resmin boyutunu otomatik olarak küçültür.

Mesela 1024 x 768 px'lik bir duvar kağıdını Blogger'a yüklediğimizde büyük boy seçili olsa bile resmin boyutu en fazla 400 px olur. Blogger'ın pek bilinmeyen 400px'lik bir kotası vardır. Bu 400px boyutun amacı bantwidth miktarını azaltmaktır. Blogger yine de resmin büyük halini saklar ve onu da resmin bağlantısı ile kullanıcıya sunar.

Örneğin Blogger'a bir resim yüklediğimizde bize alttaki kodları verecektir.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_40xzahqBVOg/SEv-R6ka54I/AAAAAAAAA5I/3MqjMqx7FW4/s1600-h/ornek-resim.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_40xzahqBVOg/SEv-R6ka54I/AAAAAAAAA5I/3MqjMqx7FW4/s400/ornek-resim.jpg" alt="" id="BLOGGER_PHOTO_ID_5209536977717356418" border="0" /></a>
Yukarıdaki kodu incelediğimizde 400 px'lik resmin url'si alttaki "/s400" klasöründekidir. Resmin büyük hali ise "/s1600-h" ve "/s1600" klasöründe saklanır.

Resmi büyük hale getirmek için "/s400" klasörü "/s1600" ile değiştirilir ve resmin ID nosu kaldırılır.

Yani resmin son hali;
<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_40xzahqBVOg/SEv-R6ka54I/AAAAAAAAA5I/3MqjMqx7FW4/s1600/ornek-resim.jpg" alt="" border="0" />
böyle olmalıdır. Örnek verecek olursam;
Uzun zamandır Blogger üzerine yazmıyordum. Bunun sebebi olarak da diğer Blogger blogum ve Damacana.org'un hedef kitlesinden dolayıydı. Fakat bu Blogger Hack yönteminin Dünyada başka örneği olmamasından dolayı Damacana.org da yer buldu.

Bu yöntemi kullanmak güç de olsa, uygulayınca ortaya güzel sonuçlar çıkabiliyor. Ayrıca resmin stilinde yer alan "cursor: pointer;" da silerseniz resmin üstüne gelindiğinde çıkan el işareti de kalkmış olur.

Benzer Bağlantılar

RSS Okuyucu Kullan Abonelik

E-posta adresinizi giriniz
Alternatif Abonelikler

Twitter Kullan Twitter

    Rss Okuyucu Kullan Sosyal Ağ

    Rss Okuyucu Kullan Son Yazılar

    Rss Okuyucu Kullan İlk 10

    Rss Okuyucu Kullan Son Yorumlar

    Rss Okuyucu Kullan Bağlantılar