Blogger yayınlarında resimler yan yana nasıl sıralanır?

HTML'de görselleri yan yana hizalama
HTML'de görselleri yan yana hizalama
HTML'de resimler yan yana nasıl sıralanır? Blogger, Wordpress'de resimleri yan yana sıralama nasıl yapılır? İçeriklere eklediğiniz görselleri yan yana sıralayın...

Blogger, her ne kadar da kullanımı basit bir içerik editörü sistemine sahip olsa bile, bazı işlemleri gerçekleştirmemiz için az da olsa kod bilgisine sahip olmamız gerekir. Örneğin görselleri yan yana sıralarken...

Daha önce mutlaka denemişsinizdir yayınlarınızın içerisine görsel eklemeyi, hatta eklediğiniz görselleri sürükleyerek yerleştirmeyi. Peki görselleri yan yana sıralamayı denediniz mi?

Bu işlem için bilmemiz gereken basit bir kod bulunmakta. Bu kod ile görsellerin boyutlarını küçülterek yan yana sıralayabiliriz.
Blogger görsel ekleme
Çoklu görsel eklediğimizde yukarıdaki gibi bir görüntüyle karşılaşırız. Görseller otomatik olarak alt alta sıralanır. Tabi sadece iki tane değil çok sayıda görseli yan yana sıralamak ta mümkün. Yalnız burada bilmemiz gereken bir şey daha var. blog sayfamızın genişliği. Eğer genişliği bilerek görsellerin boyutunu küçültürsek, daha sağlıklı sonuçlar alabiliriz. 

Görselleri ekledikten sonra hemen sol üst tarafta yer alan "Oluştur, HTML" seçeneklerinden "HTML" seçeneğine tıklayın.
HTML görsel konum kodu
Ardından yukarıda yer alan resimdeki gibi kodların olduğu alanla karşılaşacaksınız. Burada
style="clear: both;
kodunda ki clear: both yerine float: left yazmanız gerekir. Yani
style="float: left;
olarak düzenlemeniz gerekir. Bu işlemin ardından yine sol üst köşede yer alan "Oluştur" seçeneğine tıklayın.
HTML'de görselleri yan yana hizalama
HTML'de görselleri yan yana hizalama
Oluştur seçeneğine tıkladıktan sonra karşınıza yukarıdaki gibi görsellerin yan yana hizalandığını göreceksiniz. Yalnız burada resimde gördüğünüz gibi bir sonraki resimde üst kısımda bir satırlık boşluk görebilirsiniz. Bunu da normal satır siler gibi silmeniz gerekir.

Tüm yapmanız gerekenler bunlardı. Ayrıca daha önce belirtiğim gibi height ve width kodları uzunluk ve genişliği belirtir. Eğer görsellerin yeteri kadar küçülmediğini düşünürseniz bu kodların yanında yer alan değerleri düşürerek daha küçük boyutlu görsellere sahip olabilirsiniz.

Konuyla ilgili takıldığınız yerler olursa yorum yaparak bana bildirebilirsiniz. Ayrıca bu konunun ardından tavsiye ettiğim aşağıdaki içeriklere de bi' göz atın derim.
                      

10 yorum:

  1. Ben bunu sürükleme yöntemiyle yapıyordum ve aralarında bir fotoğraf girecek kadar boşluk oluşuyordu (bknz:oyuk festival yayınım) O yüzden sanırım bu bir seçenek yaratacak bana. Peki aynı şekilde 3 foto yanyana kullanabilir miyiz? :)

    YanıtlaSil
    Yanıtlar
    1. Tabi, bir çok resmi yan yana sıralayabilirsiniz.

      Sil
  2. Bence çok kişinin takıldığı ve çözülmesi gereken önemli bir sorundu. Teşekkürler bilgi için.

    YanıtlaSil
  3. Çok faydalı bir yazı olmuş, mutlaka faydalanan olacaktır. Bir de Blogger yayınlarında CSS ile galeri oluşturma yazısı olsa on numara olur.

    YanıtlaSil
  4. Emeğinize sağlık... Çok faydalı bir yazı olmuş.

    YanıtlaSil
  5. Hocam blogunuzu yeni keşfettim fakat kısa sürede çok fazla bilgi edindim sayenizde.
    Birde hocam, kendi blogumda yaşadığım bazı sorunlar var onlar içinde yardımcı olabilir misiniz? İyi çalışmalar

    YanıtlaSil
    Yanıtlar
    1. Tabi, sorularınızı Blogger Yardım sayfasından ya da İletişim sayfasından bana sorabilirsiniz.

      Sil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın. (Hemen silinir!)
3. Yazım ve dil bilgisi kurallarına uymaya çalışın lütfen. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanınız.

 
Bumerang - Yazarkafe

Copyright © 2017 Kişisel Blog | Blog Tecrübem. Tüm hakları saklıdır.
I Blogger!