Don't Miss

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

By Zohaib Liaqat - 30 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!

30 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
  10. A candidate can apply on line or in store with a negligible measure of data including the candidate's contact data, work status and month to month salary sum.
    Check Cashing San-diego
    Payday Loans Chicago
    Car Title Loans ChicagoCheck CashingCheck Cashing

    ReplyDelete
  11. 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. tanaman obat untuk radang paru-paru

    ReplyDelete
  12. EMERGENCY LOAN OFFER APPLY

    We Offer all types of Finance Business Personal Cash
    Quick Cash Advance. Fast Credit Check. Cash Today.
    Fast Cash Online
    low interest rate as low as 2%
    Financial Cash Available Here
    Business Personal Cash
    I'll advise All Cash seeker should contact us
    Contact Us At : abdullahibrahimlender@gmail.com
    whatspp Number +918929490461
    Mr Abdullah Ibrahim

    ReplyDelete
  13. It is very convenient to use Custom Coursework Writing Service services of Online Writing Services company which is available at any time of the day of the week, month and year as it can assist you any time you require Nursing Paper Writing Service with a task.

    ReplyDelete
  14. Ahh that is great thank you ! Good for special needs too !
    wuxiaworld

    ReplyDelete
  15. المبيدات السائلة فعالة للغاية ، لكنها يمكن أن تشكل أيضًا خطرًا على السلامة اعتمادًا على المواد الكيميائية التي تحتوي عليها وكيفية تطبيقها. على سبيل المثال ، يمكن أن تقتل بعض مبيدات النمل الأبيض الغطاء النباتي حول التربة شركة مكافحة حشرات بالطائف
    شركة مكافحة النمل الابيض بالطائف
    شركة كشف تسربات المياه بالطائف

    ReplyDelete
  16. Good day to all! If you are looking for the best help with an essay and you need it, then obviously
    you need to use the service grademiners com - the most professional essay writing company,
    I have ever found. I can recommend them from my own experience!

    ReplyDelete
  17. Every when we pick blogs that we read. Listed beneath would be the newest internet sites that we pick out.

    www.gumawawebsite.blogspot.com

    ReplyDelete
  18. So now can create my own drop caps. Thanks a lot happy wheels

    ReplyDelete
  19. This particular is usually apparently essential and moreover outstanding truth along with for sure fair-minded and moreover admittedly useful My business is looking to find in advance designed for this specific useful stuffs… Hk

    ReplyDelete
  20. We are offering a floating loan for a low interest rate without any collateral security, this is to help individuals and companies reach their financial objectives.
    * Personal Loan (secured)
    * Business Loan (secured)
    * Debt Consolidation Loan
    * Improve your home and Farm Loan
    we could help flexible repayment over 2 to 30 years. Contact us at: sawda.finance@gmail.com for more information.

    ReplyDelete
  21. rajshree lotterysambad. lottery sambad Result. lottery Samachar. lotterysambad Samachar.

    ReplyDelete
  22. I never really thought I could possibly get a loan online until my friend got a personal loan from Capital One Finance ltd where i also applied for a loan and was approved with a good credit score and i can as well recommend them for anyone who needs a loan. Email: capitalonefinanceltd2@gmail.com or WhatsApp: +1 (267)404-6479

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

    ReplyDelete
  24. According to TRAI rules, operators do not provide International Roaming services by default; therefore, when a customer requires the facility in a BSNL prepaid SIM card, he or she must approach the nearest customer service centre for a BSNL SIM replacement with a new unpaired SIM that supports international roaming, BSNL international roaming known as a BSNL DUAL IMSI International roaming SIM, and then, after activating the duplicate SIM, the mobile user must recharge with the below mentioned pack for successful activation

    ReplyDelete