How to Make the Drop Caps (First Letter) Large in 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.

via Blogger http://www.droidadda.org/2017/01/how-to-make-drop-caps-first-letter.html https://mtkdr0id.files.wordpress.com/2017/01/4098d-drop-caps-blogger.jpg

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s