google-site-verification=XK9IDkjU7jjUURp5A425iStvbYoDk39UO0ryXDjSqWw Blogger CSS-add drop Caps first letter big capital different color to post comments ~ Blog on Computer Tips, Blogging Tips, Mobile Phones, Latest Technology and Topics of Public Interest

Blogger CSS-add drop Caps first letter big capital different color to post comments

Blogger CSS-add drop Caps first letter big capital different color to post comments- Comments are very important in blogger blogs. Comments are indication of the popularity of our blogs and considered by Google while deciding page ranks of our blogs. If we implement drop caps to our blog comments our commentators will post their comments as usual but the comments text will automatically appear with drop caps. To add drop caps to your blog comments you have to add small CCS codes to your blog’s HTML file. Here are the CSS codes and the procedure to add them to your blog HTML file-
Drop Caps Post Comments
Drop Caps Post Comments
The procedure is divided in two parts as given below-

1. For those who have already added the drop caps on their posts. For them the procedure is some short,

2. For those who have not yet active drop caps on their blog posts. Procedure for them is little long because they need to implement the CSS codes for both means for drop caps on their blog posts and drop caps on their blog post comments simultaneously.

Here I assume that you have already implemented the Drop Caps on your blog posts and now want to implement it on blog post comments only.



To add drop caps to your blog post comments follow the simple steps.
  • Go to your blogger dashboard and Login using your Email ID and password.
  • Next Click ‘Template’.
  • Next Click Edit HTML, now your Blogger HTML file will be opened.
  • To, open the HTML search box click anywhere in the open HTML file and press ‘Ctrl+F’.
  • Now write or copy and paste the following string in the HTML search box and press ‘Enter’.

<data:comment.body/>

When you hit ‘Enter’ the string will be highlighted as shown below and you will automatically taken there.
<data:comment.body/>
Now add <p class="capital"> before the above code and </p> after the above code. Now your code must be like this -

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


Please check the additions you made carefully and save your template. Now you are done and you have successfully added drop caps to your blog comments.

16 टिप्पणियाँ:

JAMSHED AZMI ने कहा…

Interesting information. Thanks for sharing.

JAMSHED AZMI ने कहा…

Your HTML based articles are very good. But I don't Understand HTML coding.

JAMSHED AZMI ने कहा…

Interesting article on drop Caps. Well written.

Unknown ने कहा…

bahut aachi post or apj abdul kalam quotes apj abdul kalam quotes in hindi is page se dek sate hai..

Cheap essay writing service usa ने कहा…

I am really impressed with this blog! Very clear explanation of issues is given and it is open to everyone. Thanks for sharing this post.

Unknown ने कहा…

A very good article for the purpose of decorating the text of the article. it is also easy to create.

Unknown ने कहा…

Very easy method and a small code for a great decoration. thanks very much sharing suchh a nice information.

addirigib ने कहा…

gearsre

Anurag Choudhary ने कहा…

Thanks for the nice comment

Anurag Choudhary ने कहा…

Thanks for the nice comment

Anurag Choudhary ने कहा…

Thanks for the nice comment

Anurag Choudhary ने कहा…

Thanks for the nice comment

Anurag Choudhary ने कहा…
इस टिप्पणी को लेखक द्वारा हटा दिया गया है.
Anurag Choudhary ने कहा…

Thanks for the nice comment

Anurag Choudhary ने कहा…

Thanks for the nice comment

Anurag Choudhary ने कहा…

Thanks for the nice comment