Wednesday, July 3, 2013

Creating Icon in Blogger Comments Blogger round Threaded Comment

Displays each icon giver comments given in the form of a round border that make the look more interesting. By adding a bit of css code that is placed in the code ]]></ b: skin>, then the icon in blogger comments that previously shaped box (square) will look different with her ​​new shape. It would be sweet if you also add a shadow effect through code css box-shadow property.


Pull down the page to the comment box and you will see the icon form new comments are round. You can try to make a comment in order to see whether this round icon sincerely serve not only the author comment icon, but also on all the comments icon giver.

Interested to apply in your blog, just how to make it:

Login to BloggerAnda can click here to login into the blogger! 
  • Backup / Restore Template. so if there is a mistake not to regret later.
  • Edit HTML
  • Search Code:]]> </ b: skin> (Use Ctrl + F to simplify and speed up the search)
  • Copy and paste the CSS code below, above the code]]></ b: skin>
.comments .avatar-image-container{ max-height:50px; max-width:50px; height:50px; width:50px; border-radius:29px; padding:2px; border:2px solid #ccc; box-shadow:-1px -1px 1px #444,2px 2px 4px #444; background:#888; margin:2px 4px 2px 2px; } .comments .avatar-image-container img{ width:50px; max-width:50px; height:50px; max-height:50px; border-radius:25px; border:0 solid #fff !important; } .comments .comment-block{ margin-left:75px; }
  • Save Template / Save Template
  • Done!
  • Open the page in the blog post, and then make a comment to see the results.  

Thank you'r review this article blog. May be a good benefit for all bloggers. regards

Blogger, Widget

Author: Sendi Karlita Location: Pangkalpinang, Bangka Belitung

Article Creating Icon in Blogger Comments Blogger round Threaded Comment, Published by Sendi Karlita on the day Wednesday, July 3, 2013. Hopefully this article can add your insights. Sendi Karlita a is a writer who wants to be successful in the virtual world. Try, and keep trying. May God give consent. regards

0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner

 

© 2013 BLOG AMAZONE ZONA - Designed by Mukund | ToS | Privacy Policy | Sitemap

About Us | Contact Us | Write For Us