Top 10 Ultimate SEO Plugins For WordPress 2017-18
ProTechnify

20/02/2016

How to Make the Drop Caps (First Letter) Large in Blogger

Drop caps blogger
I am sure that you have seen some websites whose articles first letter is capital and stylish, if you also want to capitalize the first alphabet or letter of your article so you are landing on a right page, because in this article you will learn how to capitalize and change the color of the first alphabet of your blog content.

Let me first introduce you the term Drop Caps which is an actual and short term using for Capitalize the first alphabet or letter of a blog post with class and id's. Essentially Drop caps use in Newspapers, Story Books, Novels, and in article writing blogs which are yours today article.

Do you know what you can do with Drop caps? if not so, read the below points.
  • From Drop beret, you can increase and decrease the first alphabet.
  • You can change the colors of alphabet, line and style it with CSS3 as you want.
  • You can use Drop Caps on every Class or Id’s of the blog template.

How to Create Drop Caps in Blogger Post

Now follow the below instruction with meditation to increase the size of the first alphabet of content.

Move to blogger>> Template>> EDIT HTML.

Press CTRL+F for revoking hidden search box.

Now you have to search for your main home page or static page post id or class in the given search box, here in this article I give a default class of post which is mostly present in blogger templates so first search the below class if you found this class in your blog template so congrats and by default not so study your post section class or ids.
.post-outer:first-letter {
    float: left;
    font-size: 4em;
    color: #111;
    margin-right: 0.10em;
    line-height: 90%;
    text-shadow: 0.05em 0.05em #C0C0C0;
}
Note: You can change the above CSS styles for better looking and stylish drop caps.
Dropcaps

After successful implementation of drop caps in your blog will give your writing style a new look and freshness in front of you as well your readers and upcoming visitors, share this little knowledge of CSS with your other friends who wants to make their blog awesome and user-friendly.




0 comments:

Post a Comment