How to enlarge the first letter of your blogger posts and comments

You many have visited some blogger sites and you see some fonts that make the first letter of their post very big and fancy. It is the work of the CSS they applied to their blogger template .

The bold letter have nothing to do with the site seo progression but it will make your site look more professional and eye fitting for your reader .in most cases we also forget to capitalize our first letter when writing but if you are using this style it will be automated

This font wont capitalize your post take note but it will only make it bigger than other texts that's why i called it capital. and making it bigger than others will equally make it look like you used a capital letter even if it is the lower case

How to remove comment author profile URL from blogger

How to start a gossip blog in Nigeria

Let me quickly teach you how you can apply this font to your blogger template and give your site a new look.

How to capitalize and make bigger the first letter of your blogger posts

Login your blogger dashboard and backup your template if you don't have a copy of it in your drive

Edit your template and find the bellow code


just above it paste the bellow CSS code

You can modify the css code by changing the colors and the font size.

How to feature or highlight blogger posts

How to recover deleted blogger posts

After that from your template find bellow code

<data:post.body/> and bind it with another code to make it loom like this bellow code

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

Now save your template and you are done. go back and preview your blog to see if it's working but if you find out the above code didn't work try the bellow codes

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

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

If you want to apply the same CSS to your site comment system you can use bellow procedures.

How to enlarge your first comment letters in blogger site

Login your admin dashboard and edit your template

Find this ]]></b:skin> just above it paste bellow code

Find this code <data:comment.body/> and bind it with another code to make it look exactly like bellow

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

You can now save your template and you have successfully customised your template to show every first letter of your posts and comments bigger to other letters

Meet me on facebook

If you love this post share it!
Share Button

Share on Google Plus

About kennedy prosper

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.