Skip to main content

How to Make the First Letter of a Post Large in Blogger

In the past, we have shown you how to style comments in blogger, how to add CSS codes in Blogger and how to add CSS hover effect on images in Blogger. However, recently one of our users asked us about how to make the first letter of a post larger in Blogger. Sometimes you are reading a story book or a newspaper and the very first letter of the very first paragraph is just really big, this whole thing is known as drop caps. Today in this article, we will show you how to make the first letter of a post large in Blogger.

What are Drop Caps (Large First Letter)?

Drop caps is a kind of a styling technique that is most likely to be used in story books, newspapers and magazine featuring long paragraphs. It keeps the font size of the first letter of the paragraph large as compared to the remaining letters.

Drop Caps can also be added to blogs or websites using a simple CSS technique that makes the task really straightforward and easier for everyone to understand.

How to Make First Letter of a Post Larger in Blogger:

However, you need to know the name of the div class or id of your main content. You can find that by looking into your template files or through the Inspect element feature in your browser.
Once you have your div class, then go to Blogger >> Template >> Edit HTML >> search for ]]></b:skin> tag and just above it paste the following code.

However, make sure you change the "post-outer" section below if your template has a different class name. You can also customize the CSS codes to make it look according to your template design or even better.

.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;
}

And following is the result:
We hope this tutorial may have helped you in learning how to make the first letter of a post large in blogger, and making you familiar with drop caps. Do share your thoughts in the comments below or you can share it with your friends at Facebook, Google+ and Twitter.

Comments

Popular posts from this blog

Top 4 Best Email Marketing Tools to build your blog Audience

You can either make one time sales, or you can accumulate wealth, wealth disguised as Emails, and keep making money forever, your choice.  If you passed your 5th grade in one go, I'd say you're smart enough to go with option #2. Well, that's a good choice. But people won't just give you their E-mails, right? You need to have a system in place, to scrape it off of them, without pissing them off, so that they actually pay attention to your Emails in their inboxes. Now, you can use a variety of tools for the task. But what makes most of the impact is, the design. That's what people notice before they notice anything else, ofcourse you need to have advanced options too. In this article, we will show you the top 4 best Email marketing tool to build your blog audience so you can make most of every user. 1. GetResponse: The reason for me listing GetResponse right at the top is pretty simple. Cause, it's the best. As far as feature, service and the price is concerned. ...

Watch LIVE | Polls Closed | NA120 Election

LIVE POLLS RESULT NOW STREAMING