Adding Drop Caps To Your Blogger/Blogspot Blog

Want some tweaks for your blogger/ blogspot blog? Well, I recommend you to add drop caps to your posts. First of all, what is a drop cap? Drop caps are the over-sized-magazine-style letters that you see in print media and online media alike. It can take a bland post and turn it into a thing of beauty. Hehehe.

Now, I will teach you how to use it. Below is a step by step instructions on adding drop caps to your blogger/blogspot blog:

If you have a Blogger blog here is what you need to do to insert the code.

1. Go the "Dashboard" of blog you want to add this tweak.
2. Click "Layout", then click "Edit HTML".
3. Before the tag ]]> Insert the "Drop Cap" Code below:

.dropcap {
float: left;
padding: 3px 3px 0 0;
display: block;
color: #b4b4b4;
font: 50px/37px Georgia, Times, serif;
}

4. Save the Changes.
5. The final piece that we need is a little bit of code in your actual post. Each post that you want to use this feature on will need this code. What you need to do is to put the first letter of your post between that code. Here is a sample:

<span class="dropcaps">D</span>ropcaps like in a fancy magazine is what you see in this post. If you like this tip, just follow this guide step by step.

Sample output:


OK, got it? If you have questions, just write it below. Or, you can continue reading other tutorials here.
Thanks!