Friday, 26 April 2013

Decorate your comment box as you wish in Blogger

Today I am going to tell you a small trick of changing the Background theme or background according to combination of  your blogger comment box and this post is about to How to Apply Black background theme To blogger Comment Box?  Its very simple just follow these steps: 

Steps:
    1.   Go To Blogger > Design > Edit HTML 
   2.     Backup your template 
    3.   Click the "Expand Widget Templates" box
    4.    Search for this, 

                       ]]></b:skin>





      5.     Just above it paste this code,  for this above effect 


#td-form iframe{ 
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ul3DS2dXvVI7Svi9VuIhZIc3BZTR-9oNWO3cmM7la2d57d2eG8uwr9q7cZYxo1Fb_0kcGwBYRey6CTsVl4sdaudTol3mKarmSKCB4SpQdPMM44nYdSP5_E8YVE95YhAGqBpqNKVxmQY/s1600/tech.png) repeat-x; repeat-y;
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#2F97FF; 
width:560px; height:213px !important; 
}
#td-form a{ 
color:#fff; 
}

(or)


       5.     for your own image Background,  for this above effect 


#td-form iframe{ 
background:#2aa4cf url(url of your own image) repeat-x; repeat-y;
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#ccccc; 
width:560px; height:213px !important; 
}
#td-form a{ 
color:#fff; 
}


for change the color of the text "comment as" simply edit  #2aa4cf   with your own colour and to adjust the width of the box then edit width:560px and Leave other things as it is for better and clean look.
    
   6.    Next search for this, ..press (ctrl + F) for search box 

<div class='comment-form'>
   7.   Replace it  with the code below,

<div id='td-form'>
    8.   Save your template and you are all done!. it's completed .   and also it's a verified process . If you have doubt look below my comment box.


and if you wanna to know any further details about Blogger. feel free to comment below

thanx for watching this .Comment below for further details .  and Don't Forget to Like my Facebook page Techno world 



11 comments:

  1. Good day! Do you use Twitter? I'd like to follow you if that would be okay. I'm undoubtedly enjoying your blog and look forward
    to new posts.

    my web blog pozycjonowanie

    ReplyDelete
    Replies
    1. Okay thanx for your Feed back ... And could you remove your Blog reference link from here or shall I remove that.

      I already given that Don't post your Blog Link's right here know... why you posted again

      Delete
  2. thank you about this topic really is veru usefull

    ReplyDelete
  3. hello,
    thanks for this nice post. i go with infolinks and chitita. i think these both are the top best Adsense alternatives if you are looking for best top adsense alternatives
    thanks abhimanyu

    ReplyDelete
  4. This blog is a way better than the other blogs. And Yes! Thank you for posting, how to customize the look of our comment box. I will look forward to see more upcoming post of Technoworld007.

    Cheers!

    ReplyDelete
  5. nice post.... Dear admin.. plz let me know how to add author tag to the comment which was posted by author..... just like same as urs :) .. thnxx in advance

    ReplyDelete
    Replies
    1. Tahnx for your feedback Nishant Soni ... and i posted n Article of Tutorial for adding label to Blooger comment box with 7 steps .. from below link you can see .. » http://technoworld007.blogspot.in/2013/08/how-to-add-author-label-to-your-comment.html

      Delete

Thanx for all your Feedback .... and don't post to promote your site's ...

I kept the option as Comment moderation mode. So if you try to promote your site from here.. I do delete your comment's ..