|
|
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
Author: Unknown Location: Pangkalpinang, Bangka Belitung
Article Creating Icon in Blogger Comments Blogger round Threaded Comment, Published by Unknown on the day Wednesday, July 3, 2013. Hopefully this article can add your insights. Unknown 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