Notification texts go here Contact Us Buy Now!

Bloggerda İlk Paragrafın İlk Harfini Büyük Diğerlerini Küçük Yapma

Bloggerda İlk Paragrafın İlk Harfini Büyük Diğerlerini Küçük Yapma
Blog Yazarı
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.

Öncelikle Blogger Sayfa temanızı kaydedin.

Daha sonra Şablon>Tema>Html Düzenle'ye tıklayın.

Şimdi 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. Bu koddan birdeb fazla olduğu için buldugunuz ilk kod mobile görünüm için olacaktır ve tekrar aramaya basarak ikinci kodu bulun.

Bloggerda İlk Paragrafın İlk Harfini Büyük Diğerlerini Küçük Yapma

Bulduğunuz kodun "<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ışmaz ise  "<p class="capital"><data:post.body/></p>" bu kodu deneyin.

Şimdi sıra da ]]></b:skin> kodunu aratalım ve bulduğumuz kodun üzerine gelecek şekilde aşağıda ki kodları ekliyoruz.

 .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ştirebilir ve "Color" ile de harfin rengini değiştirebilirsiniz.

Bütün işlemler bu kadar herkese kolay gelsin.

إرسال تعليق

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.