Make First Letter Of Post Large In Blogger

Posted by: Shahbaz Malik on 21 January 2012 Under:
Make first letter capitel
Most of the magazines and newspapers uses this popular effect by increasing the size of the first letter of the Paragraph.Also you can see it in many blogs and websites.Most of the people also called it drop cap or newspaper effect. It provides an attractive look to your reader about the content. If you want to apply it on your Blog then you have to edit Blogger Template and add a small CSS code inside it then every first letter of post will automatically increase .You can even change the color,font and size of the first letter.So lets start to add this widget on the Blog.

How to Make First Letter Large:-

  1. Login to your Blogger Dashboard.
  2. Go to Edit HTML /  Design.
  3. Backup your Template, it is very necessary(Learn More).
  4. Click "Expand Widget Templates".
  5. Find ]]></b:skin> (ctrl+f) in Blogger template.
  6. Paste the following code directly above it.
/* widget created by internetricks4u.blogspot.com */p:first-letter { display:block; margin:5px 0 0 5px; /* Code by Shahbaz Malik */ float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;
}
  1. Finally save your Template.

Note:Make Following Modification

  • To change the color of first letter simply change #0033CC.
  • To increase or decrease the size change 60px.
  • To change the font simply change Georgia.
That's it now you have done with this cool suff. Many people may feel some trouble in placing the code if you are one of these then make comments I will definitely launch you soon or if you like the above article then don't forget to subscribe it for latest updates.
If you enjoyed this article then kindly take 5 seconds to share it!!

0 comments:

Post a Comment

LinkWithin

Related Posts Plugin for WordPress, Blogger...