7.10.2015

Pastel Sosyal Medya Ikonları ve CSS ile Tüm Resimleri Aynı Boy Yapmak

Merhaba herkese! Özellikle uzun uzun zaman önce pastel sosyal medya ikonu isteyen arkadaşlara. Bu kadar uzun aradan sonra hala sayfamı kontrol ediyorsalar tabi:) Verdiğim ikonlar fotoğraftaki pek tatlı ve pastel olanlar. Yine daha önce paylaştığım gibi ikonların resimlerini kendim yükleyip kodlarını hazır olarak paylaşmak istedim. Elbet biliyorsunuzdur ama ben kendi sayfamı açtığım ilk zamanlarımı düşünerek hazırladım bu yazıyı:) Nasıl yükleneceğini ayrıntılı olarak paylaşmıştım daha önce, ilgili yazıya ulaşmak için bir tık lütfen.

blog tasarımı



INSTAGRAM
<a href="http://hizliresim.com/gy4ZR2"><img src="http://i.hizliresim.com/gy4ZR2.png"></a>

TWITTER
<a href="http://hizliresim.com/3P1Y32"><img src="http://i.hizliresim.com/3P1Y32.png"></a>

PINTEREST
<a href="http://hizliresim.com/Ag05vp"><img src="http://i.hizliresim.com/Ag05vp.png"></a>

FACEBOOK
<a href="http://hizliresim.com/o9Yrmk"><img src="http://i.hizliresim.com/o9Yrmk.png"></a>

GOOGLE PLUS
<a href="http://hizliresim.com/NW9rXO"><img src="http://i.hizliresim.com/NW9rXO.png"></a>

ücretsiz sosyal medya ikonu
İlk başlarda kafayı tasarım konusuna o kadar takmıştım ki sabahlara kadar oturup istediğim şey olana kadar tekrar tekrar düzenliyordum. Hem sade hem şık hemde hem... Farklı boyutlardaki fotoğraflarım kafama taktığım konulardan biriydi. Eğer sizde benim gibi taktım diyorsanız buyurunuz verdiğim CSS koduyla bu takıntıdan basitçe kurtulabilirsiniz. Yapmanız gereken tek şey aşağıdaki adımları izlemek.

Blogger kontrol panelinden  Şablon> Özelleştir>Gelişmiş> Css Ekle seçeneğinden sonra kutucuğa kodu ekleyin ve kaydedin.


BLOG RESİMLERİNİN AYNI BOYUTTA OLMASI İÇİN CSS KODU:

.post-body img {
width: 400px;
height: auto;
}


Burada kırmızı ile yazılı 400 rakamını isteğinize göre değiştirip resimlerin boyutunu kendiniz belirleyebilirsiniz. İşte hepsi bu! Demiştim çok basit:) Takıldığınız veya sorun yaşadığınız bir şey olursa lütfen yazmaktan çekinmeyin.

Güzel, mutlu, enerji dolu, harikulade vede pek bir sempatik geçsin gününüz emi:)




20 yorum:

  1. Yeni başlayanlar için tasarım ciddi sorun oluyo.gece uyuyamayıp bilgisayar başına oturduğum olmuştu.
    şimdi o kadar olmasa da yine takıntılar devam ediyo.güzel bir bilgi daha öğrendim :)
    kare olan fotoğraflarla diğer boydakiler mi aynı olacak böyle olursa fotoğraf bozulur mu bunu bilemedim

    YanıtlaSil
    Yanıtlar
    1. İnsan en güzeli olsun istiyor ve bunun için anlaşılanaz şekilde çabalıyor:) Daha öncede paylaşmıştım ilk başladığımda o kadar zorlanmıştım ki ve sorduğum insanlar o kadar duvar olmuştu ki çok zorlanmıştım:)

      Kare fotoğrafıda diğerleriyle aynı boy yapıyor. Makine ile çekiyordan zaten istediğin kadar büyüt değiştirmez diye tahmin ediyorum.

      Sil
    2. Soru sormadan da çözülmüyor bazı şeyler :) en güzeli içinde çok sormak gerekiyor :) :)
      Makinayla değil şimdilik telefonumla çekiyorum.kare fotoğraflar değilde aslında diğerlerini merak ediyorum ince uzun dikdörtgen oluyor ya bazıları onlarda görüntüde bozulma falan oluyor mudur acaba?

      Sil
    3. Tabiki:) Zaten hiç çekinmeden sorabilirsin, elimden geldiğince yardımcı olurum memnuniyetle:)
      O dikdörtgenleri de kareleri de aynı boyutta yapıyor. İstersen bir dene olmadı silersin.
      Kalitesini değiştireceğini sanmıyorum:)

      Sil
    4. :) çok teşekkür ederim bi deneyeyim o zaman becerebilirsem :)

      Sil
    5. Ben teşekkür ederim:) Zaten yaparsın ama takıldığın veya danışmak istediğin bir şey olursa hiç çekinme sor lütfen.
      Kolay gelsin şimdiden:)

      Sil
  2. Tuba'cım şablonun öyle güzel ki, kıskanmamak elde değil. :) İkonların çok güzel ama benim için fazla pampiş :P :))

    Çok sevgiler!

    YanıtlaSil
    Yanıtlar
    1. Çok teşekkür ederim ki:) Geçen sefer biliyorsun siyah paylaşmıştım şimdi pampiş olsun dedim:))
      Bende hemen hemen her renk ikon var özellikle istediğin bir renk varsa ve ihtiyacın varsa gönderebilirim:)

      Benden de kocaman sevgiler:)

      Sil
  3. Canım bunu Instagram'a nasıl uyarlayacagim?özellikle oradaki fotoğrafların simetrisinin bozukluğu beni zorluyor..

    YanıtlaSil
    Yanıtlar
    1. Tatlım ben instagram' daki fotoğrafların simetri bozukluğunu tam olarak anlayamadım kusura bakma lütfen:( Bu blogger için bir uygulama.

      İnstagram' daki sorun için belki bir program vardır paylaşırsan denk gelirsem haber veririm sana canım:)

      Sil
  4. Süper oldu bu bilgi, hemen kullandım! Çok teşekkür ederim ;))

    YanıtlaSil
  5. Tubacım bir şey diyeyim mi? Senin bu paylaştığın bilgiler süper :)

    YanıtlaSil
    Yanıtlar
    1. Monica sana bir şey diyeyim mi? Beni çok mutlu ettin:) Çok teşekkür ederim umarım arayanlarında işine yarar:)

      Kocaman öper ve çok sarılırım...

      Sil
  6. tek kelime harikasınız burda ve ınstagramda da blogunuzu takıbe aldım banada beklerım

    YanıtlaSil
    Yanıtlar
    1. Çok mutlu oldum sevmenize;) Gece kızım uyuduğunda muhakkat ziyaret edeceğim sayfanızı:)
      Sevgiler...

      Sil
  7. çok güzel anlatım olmuş tşkler

    YanıtlaSil
    Yanıtlar
    1. Çok mutlu oldum beğenmenize.
      Sevgiler...

      Sil
  8. Merhabalar blog keşif etkinliğinden geliyorum. Blogunuzu takibe aldım bende beklerim sevgiler :) http://betulunsirlari.blogspot.com.tr/

    YanıtlaSil
    Yanıtlar
    1. Merhaba:) Çok teşekkürler desteğiniz için.
      En kısa zamanda sayfanızı ziyaret edeceğim.
      Sevgiler...

      Sil