İlk Paragrafın İlk Harfini Büyük Diğerlerini Küçük Yapmak (Dergilerdeki Gibi)

Blog sayfanıza stil ekleyerek görselliğiniz arttırabilirsiniz. Bazı sitiller uygulaması çok basit olabilirken bazıları için biraz da olsa teknik bilgi gerekebiliyor. Bugün göstereceğim teknik inglizce drop cap olarak bilinen yazıda ilk paragrafın ilk harfinin büyük harfle geri kalanın küçük harfle yazılması tekniği. Uyguladığınızda aşağıdakine benzer bir görüntü oluşacaktır.

Eğer yazınızı fotoğraf ile başlıyor ise bu yöntem çalışmayacaktır. Bu yöntem blog yazınız yazı ile başladığı durumlarda çalışacaktır.

Adım 1: Öncelikle blog sayfa temanız ı yedekleyin. Yedeklenin nasıl yapılacağını linke tıklayarak görebilirsiniz.

Adım 2 : Blog sayfanızda tema sonrasında HTML düzenleye basın

Adım 3 : HTML kod sayfasında kodların olduğu herhangi bir alana  tıklayarak CTRL+F tuşuna basın ve arama kutusunu açın. Açılan kutuya <data:post.body/> yazarak aratın. Buldugunuz ilk kod mobile görünüm için olacaktır tekrar aramaya basarak ikinci kodu bulunuz

Adım 4 : Bulduğunuz kodu <p class='first'><data:post.body/></p> ile değiştirin, başına ve sonuna kod eklemiş olacaksınız

Eğer yukarıdaki kod sizin blogunuzda çalışmazsa <p class="capital"><data:post.body/></p> bu kodu deneyin

Adım 5 : Arama kutucuğuna bu sefer ]]></b:skin> yazıp aratalım

Adım 6 : Bulduğumuz kodun hemen üstüne aşağıdaki kodu yapıştıralım

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}


Burada font-size ile harfin boyutunu değiştirebilirsiniz. Color ilede harfin rengini.

Umuram faydalı olmuştur. Soru ve önerilerinizi yorum olarak bırakabilirsiniz.