Blogger'da Yazıların İlk Harfi Gazetelerdeki Gibi Nasıl Yapılır?

Blogger'da yazıların ilk harfinin gazetelerdeki gibi nasıl büyük olarak gösterebileceğinizi (drop caps) anlatan bilgilendirme yazısı.


Her blog yazarı yazılarını ziyaretçiye daha güzel göstermek ister. Şimdi bahsedeceğim şey ise Blogger'da yazıların ilk harfini büyük göstermek olacaktır. Bildiğiniz üzere gazetelerde bulunan haberlerin ilk harfi çoğunlukla daha kalın ve büyük olur. Bu büyük harfler "drop caps" ya da "first letter (character)" olarak bilinirler. Şu anda benim de kullanmış olduğum bu eklenti sayesinde yazılarınız daha çok dikkat çekecektir diye düşünüyorum. Özellikle hikaye, şiir vb. yazılar yazanlar için faydalı bir eklenti olacaktır. Hemen aşağıya bir örnek görsel ekliyorum.

Blogger'da Yazıların İlk Harfi Gazetelerdeki Gibi Nasıl Yapılır?
Drop Caps Örneği

Nasıl Yapılır?

  • Harfi drop caps olarak göstermek istediğiniz yayının düzenleme kısmına geliniz.
  • Yayın düzenleme kısmının üst kısmında bulunan "HTML" seçeneğine tıklayınız.
Blogger'da Yazıların İlk Harfi Gazetelerdeki Gibi Nasıl Yapılır?
Yayının HTML kısmı

  • Aşağıda vermiş olduğum HTML kodunu yazınızın ilk kelimesinin ilk harfini sildikten hemen sonra yapıştırınız.
Yapacağınız işlemler bu kadardı. Artık yazınızın ilk harfi istediğiniz gibi gözükecektir. HTML kodundan hemen sonra ise kod içerisinde düzenlenebilir yerlerden bahsedeceğim.

[<span style="float: left; font-size: 70px; font-weight: bold; line-height: 50px; margin: 0px 5px 0px 0px; padding: 0px; position: relative;">A</span>]

Kod İpuçları 

1. float: left; (Bu kısım büyük gösterilecek harfin sağda mı yoksa soldamı olduğunu belirtmek içindir. Yani arap blog yazarları için "left" yerine "right" yazması gerekir.)

2. font-size: 70px; (Bu kısım büyük gösterilecek harfin boyutu ile ilgilidir. px değerini isterseniz yükseltebilir ya da alçaltabilirsiniz.)

3. font-weight: bold; (Bu kısım büyük gösterilecek harfin stili ile ilgilidir. Kalın harf için "bold", eğik harf için "italic", altı çizili olması için "underline" yazabilirsiniz.)

Diğer kısımlarda büyük görünen harfin diğer harf ile arasındaki boşluk değerleri vs. var. Onları çok da kurcalamaya gerek yoktur herhalde. Yapamadığınız durumlarda çekinmeden söyleyebilir, sorularınızı sorabilirsiniz.

Yorumlar

Blogger: 19
  1. Faydalı bilgin için teşekkürler Semih :)

    YanıtlaSil
  2. Şuan kullanmam herhalde ama ileride fikrim değişebilir, güzel bir paylaşım, teşekkürler. :)

    YanıtlaSil
    Yanıtlar
    1. Belki daha çok hikaye, şiir vs. yazanların işine yarayabilir, rica ederim.

      Sil
  3. Benim blogda güzel durumu bilmiyorum ama deneyeceğim. Paylaşım için teşekkürler kardeşim

    YanıtlaSil
    Yanıtlar
    1. Tabiki de güzel durur diye düşünüyorum, rica ederim.

      Sil
  4. Blogla ilgili her gün yeni bir şey öğreniyorum.Öğren öğren bitmeyecek sanırım :)Teşekkürler :)

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, daha öğrenilmesi gereken çok şey var.

      Sil
  5. Faydalı bir bilgi Teşekkürler

    YanıtlaSil
  6. Drop Cap benim çok hoşuma gidiyor. Yeni şablonla birlikte kullanmaya başladım. Özellikle baskısını yaptığım bütün çalışmalarım ve e kitaplarımda kullanıyorum. Çift sütun yazıyı da deneyeceğim...

    YanıtlaSil
    Yanıtlar
    1. Benim de hoşuma gidiyor. Tüm yazılarımda kullanıyorum. 3'lü 4'lü sütunlara da göz atabilirsiniz.

      Sil
  7. Çok güzel bir bilgi. Deli kizda deneyebilirim. Yaziyi tekrar okumam lazim :)

    YanıtlaSil
  8. Kullandım bi yazımda. Güzel oldu. Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Rica ederim. Ufak da olsa yazıya güzel bir görsellik katıyor.

      Sil

Ad

1. Cilt,1,100,1,1080P,1,11.22.63,1,12 Kızgın Adam,1,2018,1,4. Sezon,1,44. Çocuk,1,A Thousand Kisses Deep,1,Aksiyon Filmleri,3,Alcatraz'dan Kaçış,1,Alexa,2,Amelie,1,Analiz,1,Android,14,Android Haberleri,1,Android İpuçları,2,Android Uygulamaları,10,Animasyonlu İndirme Butonu,1,Anket,1,Antonio Banderas,1,Antremanlarla Matematik,1,Apk,2,Apk İndir,2,Arama Açıklaması,1,Arama Motorları,1,Araştırma,1,Arı,1,Ayrton Senna,1,Bana Dair,76,Base,1,Başarı,1,Başlık Efekt,1,Blog,2,Blog Keşif Etkinliği,1,Blog Nasıl Açılır?,1,Blogger,58,Blogger Eklentileri,18,Blogger Eklentisi,1,blogger haberleri,1,Blogger İpuçları,18,Blogger İstatistikler Widget'ı,1,Blogger Nedir,1,Blogger Sayfa Kaydırma Efekti,1,Blogger Sorunları,1,Blogger Tavsiyeleri,1,Blogger Temaları,6,Blogger Widget'ları,7,Blogger Yedekleme,1,Boks,1,Buton,2,camera,1,Can Dostum,1,Checker Gmail,1,Child 44,1,Chroma Keyboard,1,Cillian Murphy,1,Clev Note,1,CSS,2,Deadpool,1,Deadpool İndir,1,Diğer Kategoriler,10,Dinlediklerim,5,Dives İkon,1,Dizi,1,Dizi Replikleri,1,Drama Filmleri,3,Drop Caps,1,Duvar Kağıtları,1,Düşünce,1,Editörün Seçtikleri,4,Eklenti,2,Elementary,1,Etkileşim,1,Etkinlik,1,exi2.net,1,Fabrizio De André,1,Facebook,1,Film,6,Film İncelemesi,1,Film Puanlama,1,Film Replikleri,2,Filmler,6,First Character,1,First Letter,1,Flat İcon,1,Font,1,Forever,1,Formula 1,1,Forrest Gump,2,Frank Sinatra,1,Fringe,3,Galeri,5,Gary Oldman,1,Geçmişin Gölgesinde,2,Gerilim Filmleri,2,GetSiteControl,2,Google,2,Google Chrome,2,Google Fonts,1,Google Friend Connect,1,Google Plus,1,Google+,1,Google+ Toplulukları,1,Görsel,2,Guadalupe Pineda,1,Hayal Gücü Yüksek Sorular,1,Hayat ve Düşünce,1,Historia De Un Amor,1,HTML,2,Hugh Jackman,1,Instagram,1,Intoucheables,1,İcon,1,İkon Paketleri,1,İndex,1,İndir,4,İndirme Butonu,1,İnfografik,1,İstatistikler,1,İzlediklerim,20,Kalıcı Bağlantı,1,Kaliteli Blogger Eklentileri,1,Kaptan Amerika Kahramanların Savaşı,1,Kim Bu Semih,1,Kimdir,1,Kingsman: Gizli Servis,1,Kişisel Blog,9,Kişisel Yazılar,43,Kitap,1,Kullandıklarım,5,Launcher,1,Leonard Cohen,1,Logan,1,Logo Efekt,1,Lost in Translation,1,Material,2,Material Design,3,MeloCloud+ Music Player,1,Meta Açıklaması,1,Mijia Quartz Watch,1,Mim,10,Minimal Design,1,Mobil,2,Mobil Uyumlu Blogger Temaları,1,Muhammad Ali,1,Muhammad Ali Sözleri,1,Muhammad Ali'nin Hayatı,1,Müzik,7,Müzisyen,1,Nah Neh Nah,1,Nasıl Yapılır,5,Nasıl Yapılır?,3,Nedir,3,OGInstagram,1,Okuduklarım,2,Osmia Avosetta,1,Önemi,1,Öp Evlen Uçurumdan At,1,Özel Başlık Etiketleri,1,Paris'te Gece Yarısı,1,Paylaşım,1,PC,2,PC Uygulamaları,1,Peaky Blinders,2,Peppino Gagliardi,1,Pocket,1,Popüler Yayınlar,1,Radiogram,1,Radyo,1,Renato Carosone,1,Replikler,2,Repo Men,1,Resim ve Video,1,Resimli İndirme Butonu,1,Responsive,2,Robots txt,1,Rodrigo Amarante,1,Romantik Filmler,1,Root,2,Satın Aldıklarım,1,Schindler'in Listesi,2,Scroll Smooth,1,SEO,3,SEO Ayarları,1,Shareaholic,1,Shareit,2,Sherlock,3,Sherlock Holmes,1,Sıralama,1,Sinema,1,Site Haritası,1,Social Meter,1,Sosyal Medya,2,Soundcloud,1,Sözler,1,Spor,1,Sting,1,Tasarım,1,Tavsiyelerim,1,Teknoloji,1,Tema,1,Template Clue,1,The Blacklist,1,The Mentalist,2,The Mentalist Replikleri,1,The Pianist,1,Tom Hardy,2,Tozlu ve Yıkık Blog,1,True Detective,2,Tuyo,1,TVShow Time,2,Uygulama,1,Ücretsiz İkon,1,Üst Sıralara Çıkmak,1,Vaya Con Dios,1,Video,2,Videolar,1,Website,1,WhatFont,1,Woorank,1,Word Count,1,Wordpress,1,Xiaomi,1,Yabancı Diziler,9,Yabancı Radyo,1,Yardımlaşma,1,Yayın Ayarları,1,Yaz Tatili,1,Yazar Olmak,1,Yazı,2,Yazı Kutusu,1,Yazı Yazmak,1,Yıl Dönümü,1,Yıldız Sıralamalı,1,Yıldızlararası,1,Youtube,1,Ziyaretçi Trafiği,1,
ltr
item
Semih Keçecioğlu - Kişisel Blog: Blogger'da Yazıların İlk Harfi Gazetelerdeki Gibi Nasıl Yapılır?
Blogger'da Yazıların İlk Harfi Gazetelerdeki Gibi Nasıl Yapılır?
Blogger'da yazıların ilk harfinin gazetelerdeki gibi nasıl büyük olarak gösterebileceğinizi (drop caps) anlatan bilgilendirme yazısı.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgULBqVoKMk4Ys5gR2WSIOtjDppgzpsxDs3ayhCCqo7wt7MlY2VJQT3JZILpBWK3U8HCCdcAVFsRn2SJOCBLXuQLa0bZ2paBaRUuLG6hc7j-u_i-c_xkB_rQpi3GRQMqo1jUn1D_ODkdV4/s640/Blogger%2527da+Yaz%25C4%25B1lar%25C4%25B1n+%25C4%25B0lk+Harfi+Gazetelerdeki+Gibi+Nas%25C4%25B1l+Yap%25C4%25B1l%25C4%25B1r-.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgULBqVoKMk4Ys5gR2WSIOtjDppgzpsxDs3ayhCCqo7wt7MlY2VJQT3JZILpBWK3U8HCCdcAVFsRn2SJOCBLXuQLa0bZ2paBaRUuLG6hc7j-u_i-c_xkB_rQpi3GRQMqo1jUn1D_ODkdV4/s72-c/Blogger%2527da+Yaz%25C4%25B1lar%25C4%25B1n+%25C4%25B0lk+Harfi+Gazetelerdeki+Gibi+Nas%25C4%25B1l+Yap%25C4%25B1l%25C4%25B1r-.png
Semih Keçecioğlu - Kişisel Blog
https://semihkececioglu.blogspot.com/2016/06/bloggerda-yazliarin-ilk-harfi-gazetelerdeki-gibi-nasil-yapilir.html
https://semihkececioglu.blogspot.com/
https://semihkececioglu.blogspot.com/
https://semihkececioglu.blogspot.com/2016/06/bloggerda-yazliarin-ilk-harfi-gazetelerdeki-gibi-nasil-yapilir.html
true
3247702708061337910
UTF-8
Tüm yazılar yüklendi. Hiçbir yazı bulunamadı. Tümünü Gör Devamını Oku Yanıtla Yanıtlamaktan Vazgeç Sil Yazan: Ana Sayfa Sayfalar Yazılar Tümünü Gör BENZER YAZILAR Etiket Arşiv Ara Tüm Yazılar Bulunamadı Geri Ana Sayfa Pazar Pazartesi Salı Çarşamba Perşembe Cuma Cumartesi Paz Pzt Sal Çar Per Cum Cmt Ocak Şubat Mart Nisas Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis Mayıs Haz Tem Ağu Eyl Eki Kas Ara şimdi 1 dakika önce $$1$$ minutes ago 1 saat önce $$1$$ hours ago Dün $$1$$ days ago $$1$$ weeks ago 5 haftadan uzun bir süre önce Takipçiler Takip Et Premium STEP 1: Share to a social network STEP 2: Click the link on your social network Tüm kodları kopyala Tüm kodları seç Tüm kodlar kopyalandı Çalışmazsa CTRL+C kombinasyonunu kullan Table of Content