Play with your Post Text in your Blog

As the time is passing, you can see the number of blog increasing day by day. It is very hard to survive today's world, your blog must have something extra ordinary. People keep adding custom widget in their blog. Sometimes they get attention of people but sometimes they just fail. If you add so many gadgets in blog, it will increase your blog page load time. So I thought to tell you an interesting blog trick, it will help you to get your reader attention.

What is the Trick

In this trick we will add simple CSS style in our post text, it will increase the size of first alphabet of your posts. You can check the demo in the screenshot shown below.

 

How to Use it?

You just have to add CSS style in your template, to do this go to Template > Edit HTML and search the tag shown below. Please read, how to backup your blogger template before you make any change.

]]></b:skin>

If you found this tag, paste this code before that tag.

.capital:first-letter {
float: left;
font-size: 38px;
margin:0px 6px 0 0;
padding:0 0 0 9px;
vertical-align:top;
}

Now you have successfully added the code style in the style sheet. Let's see how it goes live on your blog. There are two methods to add this trick, let me tell you both of them.

 

Method #1

To make it work on your blog we will add it before your blog post text. To make this happen you can try editing HTML template and post the tag in the HTML, but most of the users don't know about template editing. So they can try Method #2.

• Go to your blog dashboard
• Open the blog which you want to use in this trick
• Go to Template
• Click on edit HTML and find the code shown below...

<data:post.body/>

• Now paste the trick class as shown below.

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

If you have done everything as shown in the tutorial, then its working on your blog. If in some case its not working, let me tell you another method.

 

Method #2

In some template, method #1 doesn't work. So you can try the method even if you don't know about HTML editing.

• Go to your blog dashboard
• Open the blog which you want to use in this trick
• Go to 'Settings'
• Go to 'Post and Comments'
• Add the following class code in the 'Post Template' box.

<div class='capital'>
Always Paste your Article in between here...
</div>

Now you have added manually in your blog, you are good to go.

 

Conclusion

So you have added something new to your blog, I am sure you liked this trick. If you want to enjoy more tricks then hit the Subscribe button below. You can add this email subscription box at the end of you BlogSpot posts.