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

Int this article you will learn that how to create Drop Caps (First Letter or Alphabet) Large in Blogger OR on any Website.

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.

COMMENTS

Name

Android,2,backlinks,7,Blogger,46,blogger theme,1,Errors,1,How To,31,Make Money Online,2,SEO,13,SMM,10,Templates,9,Tools,7,Tricks,15,Web designing,18,Widgets,24,WordPress,4,
ltr
item
PRO TECHNIFY: How to Make the Drop Caps (First Letter) Large in Blogger
How to Make the Drop Caps (First Letter) Large in Blogger
Int this article you will learn that how to create Drop Caps (First Letter or Alphabet) Large in Blogger OR on any Website.
https://1.bp.blogspot.com/-rsaWRSwnlJ0/VsdIw7gz8TI/AAAAAAAAJAg/-iaGSQ-n7ZU/s640/Drop-caps-blogger.jpg
https://1.bp.blogspot.com/-rsaWRSwnlJ0/VsdIw7gz8TI/AAAAAAAAJAg/-iaGSQ-n7ZU/s72-c/Drop-caps-blogger.jpg
PRO TECHNIFY
https://www.protechnify.com/2016/02/how-to-make-dropcaps-firstletter-blogger.html
https://www.protechnify.com/
https://www.protechnify.com/
https://www.protechnify.com/2016/02/how-to-make-dropcaps-firstletter-blogger.html
true
8223102945718438291
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy