New Published Post: How To Fix Adsense Not Showing After Redirecting Blogger To Custom Domain
Like Us:
Facebook



Customize Texts Beside the Image in "Post a Comment"


Please click here for the complete and updated tutorial about this post.
Yesterday, I posted an article about replacing the text "Post a Comment"  with an image or texts in order to encourage our viewers to leave a comment in our articles made. But the texts that we had put is not properly styled, so let us put some css on it to make it beautiful.
customize texts post comment

Customize Texts Beside the Image in "Post a Comment"


Click here for the tutorial if you had not yet replace an an image in your "Post a Comment" above comment box.
Step 1. Go to Blogger >> Template (Always Back-up Template) >> Edit HTML,


Step 2. Find/Control F the tag ]]></b:skin> and just above it paste the code below,



#comments h4 {
color: #4E555A;
font-size: 23px;
font-family: Arial, Verdana !important;
line-height: 1.6em !important;
font-weight: bold;
margin: 0 0 20px;
padding: 10px 0 0;
}

Short Customization (Optional):

1. Change #4E555A to change the color of the text beside the image. You can select hexadecimal colors here.
2.  Replace the value of font- size (23px) in order to change the size of the text.

Step 4. Always click Preview to see the initial result of the code applied then hit the Save button and you are done.
Hope you enjoy this short post and if you have some questions, don't forget to leave a comment.
Thank you and Enjoy!





About the Author:
tilt  hover effect
Hello folks! This is Viral Apps, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More
Follow him @ Twitter |Facebook

No comments :

Post A Comment!

Post A Comment!
We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows. Please keep in mind that all comments are moderated manually by our editors team to minimize spamming, and all the links are nofollow.

Note:
1. To add HTML code in the box, please use our HTML editor generator.
2. Please do not spam. Those type of comments will be deleted upon our review.
3. We should appreciate an individual and suggestive discussion.

Best Regards,

Cerwenlloyd Gefjun

Related Posts Plugin for WordPress, Blogger...