Bloggera Resimleri Daha Büyük Geniş Nasıl Yükleriz? "HQ"

Gönderen Yasin 9 Temmuz 2009 Perşembe

Bloggerda resimleri yüklediğimizde üç boyut var büyük,küçük ve orta boyutlarda olmak üzere. Resmi büyük yüklediğimizde bile blogger otomatik olarak resmi küçültüp önizleme boyutuna getiriyor. Bu boyutlar da maalesef temalarımızda küçük kalıyor.
İşte bunu mümkün kılan bir ipucu açıklayacağım.
Yüklediğimiz resimlerin daha öne çıkmasını ve temanıza daha uyumlu olmasını kendi belirlediğiniz genişliklerde yazılarınızın içinde gözükmesini istiyorsanız bu yöntem tam size göre.
Resmimizin yazı içerisinde normaldeki büyük görünümü:


Bu hileyi yaptıktan sonra resmimizin görünümü:



Önce htmlyi düzenle kısmına giriyoruz ve yazı alanımızın genişliğine bakıyoruz. Eğer klasik şablon kullanıyorsunuz main-wrapper veya main bölümünde bulabilirsiniz yazı alanı genişliğinizi. Bulmakta zorluk çektiyseniz hileyi uyguladıktan sonra temanıza göre genişliğiyle oynayıp düzeltebilirsiniz.
Koldarımızın içerisinden aşağıdaki kodu buluyoruz.

]]></b:skin>

Kodu bulduysak hemen üstüne aşağıdaki kodlarımızı ekliyoruz:

img {
max-width: 600px;
width: expression(this.width > 600 ? 600: true);
}

***Lacivert ile gösterilen sayılar resminizin büyük boyutta göstermek istediğiniz genişliğini vermektedir. İlk adımda bulduğunuz genişlik şu anda işe yaramaktadır. Örneğin yazı alannızın genişliğini 610 bulduysanız resim boyutunu 600 yaparak temanızda daha güzel durmasını sağlayabilirsiniz.
Adımları tamamladıktan sonra şablonumuzu kaydedebiliriz. Şimdi yüklediğimiz resmi büyük boyutta göstermeye geldi.

Resimlerimizi normal yüklediğimiz gibi yükleyelim. Resmimizi yükledikten sonra yazı içerisinde HTML'yi Düzenle kısmına gelip aşağıdaki kodlara benze kodları göreceksiniz. Bu kodlar yüklediğimiz resmin kodlarıdır.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpRH6sIvMBKKat5jx8Wa4oTApDbPUxkM1yaVRvmqhm07D38ZcnBq8A3ihTXKNHpD9GxS4CdvhxDOyyen0QmhetQszlmymX7v1i4A3fsQv4bbnxzYUt50CxZOqH5S8x_7uUTdcqsgjBWgl/s800/Image3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 291px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpRH6sIvMBKKat5jx8Wa4oTApDbPUxkM1yaVRvmqhm07D38ZcnBq8A3ihTXKNHpD9GxS4CdvhxDOyyen0QmhetQszlmymX7v1i4A3fsQv4bbnxzYUt50CxZOqH5S8x_7uUTdcqsgjBWgl/s400/Image3.png" alt="" id="BLOGGER_PHOTO_ID_5356425568508049202" border="0" /></a>

Resmi daha büyük boyutta yazı içerisinde göstermek için artık tek yapmanız gereken yukarıdaki kodlarda mor kodları silmek ve mavi s400 yerine s800 yazmak.

Aşağıdaki örneği inceleyebilirsiniz:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpRH6sIvMBKKat5jx8Wa4oTApDbPUxkM1yaVRvmqhm07D38ZcnBq8A3ihTXKNHpD9GxS4CdvhxDOyyen0QmhetQszlmymX7v1i4A3fsQv4bbnxzYUt50CxZOqH5S8x_7uUTdcqsgjBWgl/s1600-h/Image3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpRH6sIvMBKKat5jx8Wa4oTApDbPUxkM1yaVRvmqhm07D38ZcnBq8A3ihTXKNHpD9GxS4CdvhxDOyyen0QmhetQszlmymX7v1i4A3fsQv4bbnxzYUt50CxZOqH5S8x_7uUTdcqsgjBWgl/s800/Image3.png" alt="" id="BLOGGER_PHOTO_ID_5356425568508049202" border="0" /></a>

Evet artık yazı içerisinde büyük ve ferah resimler sergileyebileceksiniz. Anlayamadığınız bir yer olursa yardımcı olurum yorumlara sorununuzu yazmanız yeterli.
Kaynak: bloggertricks.com

Yazıyı İmle
Digg Technorati Stumble This Twitthis Del.icio.us Furl Reddit

12 yorum

  1. Nahmet. Dedi ki,

    :) Kusura bakmada bunu zaten resmi tutup büyüteerek yapabiliriz. !

    9 Temmuz 2009 16:27

     
  2. Yasin Dedi ki,

    evet bu mümkün yalnız bu yöntemle tam anlamıyla genişlşleyemiyor bir müddet genişletebiliyorsunuz. Wpdeki bazı temalardaki gibi yazı alanını kaplamak istiyorsanız bu yöntem işe yarıyor.

    9 Temmuz 2009 16:55

     
  3. Ayşegül Dedi ki,

    Nahmet Doğru diyor..

    :) Sayfada yazı yazarken html düzenle de oradaki boyutları istediğin kadar yaz...Bununla bi alaksını öremedim :)

    9 Temmuz 2009 17:33

     
  4. kolonto Dedi ki,

    Çok teşekkürler. Tam olarak istediğim gibi oldu ama her resim için ayrı ayrı resim kodlarını da degıştirecegiz galiba. Yani Öncesindeki gibi blogger'ın tüm resimleri aynı boyutta göstermesini sağlayamıyoruz. Bu durumda geçmiş resimlerinde tek tek ayarlanması gerekiyor. Bu biraz zor olacak.

    10 Temmuz 2009 01:02

     
  5. Yasin Dedi ki,

    sanırım öyle olması gerekiyor :)) ama uğraşarak zamn kaybetmek işstemeyebilirsiniz. Arkadaşlar ne işe yarıyor diye sormuşlardı. Resimlere her yazıda bu uygulanınca blogdaki resimler düzene giriyor. Ama bu da uğraştırıcı tabii ki.

    10 Temmuz 2009 02:18

     
  6. e. t. Dedi ki,

    selam.
    tam bir blog haklı bahsedilen basit yöntemlerle görüntü dağılıyor.
    ben uyguladım çok güzel oldu teşekkür ederim.

    ancak benim şöyle bir sorunum var. yardımcı olursan sevinirim.
    blog şablonumun yazı kısmı dar. yazı ve resimlerimin sağ yandaki bilgi sütunu hariç tüm sayfayı kaplamasını ve bir bütün olmasını istiyorum(benimki şuan dışta bir çerçeve ile çevrili.dış kısımdaki koyu pembe yerleri kaldırmak istiyorum) nasıl yapabilirim?
    bunu sağlayan yeni bir şablon mu bulup değiştireyim? Hoş onu nasıl yapacağımıda bilmiyorum ama :)

    şimdiden teşekkür ederim.

    10 Temmuz 2009 15:30

     
  7. e. t. Dedi ki,

    şimdi fark ettimde, bahsettiğim şey senin bloğun gibi denebilir. ama alttaki kısımlar hariç :)

    10 Temmuz 2009 15:49

     
  8. Yasin Dedi ki,

    e.t.
    senin için en büyük tavsiyem tema araman eğer kendine göre tema bulamıyorsan temanla biraz uğraşman gerekiyor, kullandığın temanda yuvarlak hatlar var ve yerlerine bu resimleri doğru yerleştirmen gerekli. Yeni temalar zaten daha profesyonel ve bir çok seçenek de mevcut: btemplates.com tema sitesi işini görebilir.
    http://tambirblog.blogspot.com/2009/04/blogger-sablon-nasl-yuklenir.html
    adresinde resimli olarak şablon nasıl yüklenir diye anlatmıştım..
    umarım yardımcı olur..

    Tema genişletmek için ise outer-wrapper ve main-wrapper bölümlerini bulup temanda pixellerini genişletmen lazım...

    10 Temmuz 2009 17:40

     
  9. Adsız Dedi ki,

    Uyguladım cok güzel oldu. Yanlız bir sorum olucak anasayfada kategoriler bolumununuz yok eski yazılarınızı bulmakta zorlanbıyorum hangi RSS dısında okuyamadım eskileri. kategoriler ekleseniz daha iyi olmazmı? yazdıklarınız için tekrar eyw.

    12 Temmuz 2009 13:57

     
  10. Adsız Dedi ki,

    cok basarılısınız, bloggerla ilgili verdiginiz bilgiler için tesekkurler. birde kopyalama yapmasalar daha iyi olur ama emege saygıyı bilmiyoruz biz neyapalım.

    12 Temmuz 2009 23:22

     
  11. e.esma.albayrak Dedi ki,

    Uyguladım cok güzel oldu.cok basarılısınız,ama kategoriler ekleseniz daha iyi olmazmı?

    15 Ağustos 2009 10:36

     
  12. Narince Dedi ki,

    Merhabalar, anlattıklarınızı uygulayamadım. Hem yazıa alanımı genişletmek, hem de resimleri daha büyük yüklemek istiyorum. Bana yardımcı olabilir misiniz?

    1 Kasım 2009 01:36

     

Yorum Gönder

Son Yazılar

Son Yorumlar

Translate

İzleyiciler