Don't Miss

How to Create Drop Caps (Big First Letter) in Blogger

By Zohaib Liaqat - 9 Comments
Hi Bloggers, today I'm sharing an amazing CSS trick known as Drop Caps (Big First Letter). This trick is still being used by some top websites. This trick Enlarges the first letter of each blog post on your blog and gives a unique and professional look to your blog. You might have seen this trick on some top websites. If you ever wished to use this trick on your blog, then you're at the right place. Today in this tutorial I'll show you that How to Create Drop Caps (Big First Letter) in Blogger. Let's begin:

Recommended for You:
How to Create Drop Caps (Big First Letter) in Blogger

How to Create Drop Caps (Big First Letter) in Blogger

First and foremost go to Blogger.com and log in to your Blogger Account. Go to Template >> Edit HTML >> Click inside the code area >> Press Ctrl+F to search and search for the below tag

]]></b:skin>

 Now copy the below code and add it just above/before it (]]></b:skin>)

.capital:first-letter {
color: #000000;
float: left;
margin:0px 5px 0 0;
font-size: 38px;
font-family: Times, serif, Georgia;
display: block;
padding:0 0 0 10px;
}

Now again search for the below tag

<data:post.body/>

And then add the green tags before and after it as shown below

<div class='capital'><data:post.body/></div>

Click Save Template button and check your blog. If the above code is not working then try the below two methods (Skip the above line and try the below one, add the green codes before and after)

<p class="capital"><data:post.body/></p>

Or Try this:

<span class="capital"><data:post.body/></span>

Finally Click Save Template button and you're done!

We hope this article may have helped you in learning How to Create Drop Caps (Big First Letter) in Blogger. Share this article with your friends and don't forget to subscribe us!

9 comments to ''How to Create Drop Caps (Big First Letter) in Blogger"

ADD COMMENT
  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Trader loans help entrepreneur's open entryways for better sorts of financing openings. Cash Advance

    ReplyDelete
  4. Automobile title advances have turned into an exceptionally well known type of loaning for the individuals who might not have the craving or choice to acquire from a conventional moneylender, for example, a bank or credit union. Banks offering these sorts of here and now credits can be discovered online and in addition in customer facing facade areas. car title loans chicago

    ReplyDelete
  5. Vehicle title advances are an extraordinary approach to escape a money related crisis. The sticky part to these credits is that the advance in addition to expenses will be expected in 30 days. If not ponied up all required funds, the adjust will turn over for an additional 30 days which will bring another intrigue installment. cash advance chula-vista

    ReplyDelete
  6. Payday advances online makes getting required additional money bother free. At the point when a man needs money, he or she ought to apply online with a payday credit office in your town payday loans corona

    ReplyDelete
  7. I just run over this net website which I perception that it end up notable. It regarded charming and that i decided on to investigate each substance and I look at yours. My praise approximately this weblog is quite fine I visit this weblog first time and encourage through way of this suitable stuff art work. Get expert essays from custom
    dissertation writing service

    ReplyDelete
  8. It is very easy to finding us as we are at your city or nearest places. Just remember us and we will cash your check very short period with a very low cost.
    check cashing Cincinnati

    ReplyDelete
  9. When you read your credit revelation assention, does is plainly express your sum acquired, advance charge, due date, and aggregate sum due? You ought to have the capacity to discover these points of interest notwithstanding the entire terms and states of your advance. Cash Advance

    ReplyDelete