Saturday 28 September 2013

First letter Capital For Blogger Post

Create your first Blogger blog post letter capital. In this case, your post and comment's first letter stretching down into three or four lines with text wrapped around. The capital letter also can be used in different color and in different font style. You already have seen this type of style in your news papers or in some other blog but now this trick is going to be yours. Add this style in your Blogger blog template and when ever you post an article this style will show to you and for your visitors as well.

  • Go to your Blogger account and open the template tabs right of your Blogger dashboard.
  • Click on the edit HTML and open it. The new window appears with your template codes.
  • Now press Ctrl + F the new light box will appears and put this ]]></b:skin> code in the box and just above this code ]]></b:skin> past the below code.
.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}
Now find this <data:post.body/> code and replace this code with below code. If you face some problem chose other two code for your template.

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

or

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

or

<span class="capital"><data:post.body/></span>
You can also change the CSS code with the style of fonts and color. Save your template and Refresh your blog than after you will be able to see the First letter as capital in your post article and comments. 



About Post Author:

This post is fruit of pen-clipping of Mohammad Hamza Frough, poineer of ProFeedLinks. He likes to shear about his thought and experience with others.

Read more about Mohammad Hamza Frough »

0 comments:

Post a Comment

Share your Feedback and suggestion with us. Any question or need some please contact us and get instant help. Do not post Spam or Back links comments. If spam or post backlinks comments on this blog, your comment will be deleted.

Tech News

Social