Bloggera Resimleri Daha Büyük Geniş Nasıl Yükleriz? "HQ"
Bloggera Resimleri Daha Büyük Geniş Nasıl Yükleriz? "HQ"
Ö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.
Kod:
Kodu bulduysak hemen üstüne aşağıdaki kodlarımızı ekliyoruz:
Kod:
PHP- Kodu:
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.
Kod:
PHP- Kodu:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_EZJtXzMxkrk/SlXYrMy99zI/AAAAAAAABXo/CFyGhPmR-hM/s800/Image3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 291px;" src="http://1.bp.blogspot.com/_EZJtXzMxkrk/SlXYrMy99zI/AAAAAAAABXo/CFyGhPmR-hM/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:
Kod:
PHP- Kodu:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_EZJtXzMxkrk/SlXYrMy99zI/AAAAAAAABXo/CFyGhPmR-hM/s1600-h/Image3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_EZJtXzMxkrk/SlXYrMy99zI/AAAAAAAABXo/CFyGhPmR-hM/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.
