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.
![]() |
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.
![]() |
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.
Faydalı bilgin için teşekkürler Semih
SilRica ederim
SilŞuan kullanmam herhalde ama ileride fikrim değişebilir, güzel bir paylaşım, teşekkürler.
SilBelki daha çok hikaye, şiir vs. yazanların işine yarayabilir, rica ederim.
SilBenim blogda güzel durumu bilmiyorum ama deneyeceğim. Paylaşım için teşekkürler kardeşim
SilTabiki de güzel durur diye düşünüyorum, rica ederim.
SilBlogla ilgili her gün yeni bir şey öğreniyorum.Öğren öğren bitmeyecek sanırım
Teşekkürler 
SilRica ederim, daha öğrenilmesi gereken çok şey var.
SilFaydalı bir bilgi Teşekkürler
SilDrop 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...
SilBenim de hoşuma gidiyor. Tüm yazılarımda kullanıyorum. 3'lü 4'lü sütunlara da göz atabilirsiniz.
Silteşekkurler güzel gozukuyor
SilRica ederim beğenmenize sevindim.
SilÇok güzel bir bilgi. Deli kizda deneyebilirim. Yaziyi tekrar okumam lazim
SilYorum için teşekkürler, deneyin tabi ki.
SilKullandım bi yazımda. Güzel oldu. Teşekkürler.
SilRica ederim. Ufak da olsa yazıya güzel bir görsellik katıyor.
Sildijital kartvizit
Silreferans kimliği nedir
binance referans kodu
referans kimliği nedir
bitcoin nasıl alınır
resimli magnet
HKAUB
dijital kartvizit
Silreferans kimliği nedir
binance referans kodu
referans kimliği nedir
bitcoin nasıl alınır
resimli magnet
ZF28O