-->

Tuesday 11 June 2013

54 How To Customize Blogger Comment Form

 

Old Comment Box Is Looking Awful.But New Blogger Comment Form Is looking Very Beautiful And Stylish.So Today I Am Gonna Show How To Customize Blogger Comment Form.So Follow My Steps.


1-> Open Your Blogger Account

2-> Click On Template

3-> Click On Customize And Select Advanced

4-> Click On Add CSS And Paste The Below Code On CSS

Blue Threaded Comment Style Code
                      |
                      |
                      |
                     V
/*Blogger Threaded Comments Styles From http://www.showmedreams.blogspot.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#1e05d8}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1e05d8;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#1e05d8}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTv9i28NL_luXBi0OhGH4ondNPOPN81h47fhc5auIsleWsYxfmiZKjwp7GSdWy-4ndOQVm0_rS7dyge-QG3QeFsfrrpSDQ_kzAXCM2g7q-21YoPRZaYk34ZbZUmI2gTfYJV-85iFXg0Dc/s320/picresized_1338990142_comment-author-blue.gif);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/*Blogger Threaded Comments Styles From http://www.shomwedreams.blogspot.com*/

Green Threaded Comment Style Code
                      |
                      |
                      |
                     V
/*Blogger Threaded Comments Styles From http://www.showmedreams.blogspot.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#56d805}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #56d805;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#56d805}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkrMUV2ocC0O_VT4qflQvzQs8cX4e6jCES3QuM2sPz_QNgnpgx1z3MSzAR_P1anS_HoL9XjIdJVLkpuAtr8FPRpmilzfVpDUROfMDMftldvKokjqt-2_Lub-jULl4EHBkWPMHI4wMX95c/s320/picresized_1338989738_comment-author-green.gif);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/*Blogger Threaded Comments Styles From http://www.showmedreams.blogspot.com*/


Pink Threaded Comment Style Code
                      |
                      |
                      |
                     V
/*Blogger Threaded Comments Styles From http://www.showmedreams.blogspot.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d80556}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK8uAksCcdBbaQ2eyrZRrvtfcs2SfqhPuZeNtTh4jIwAE_1OC5M2uvH6SMCqLCgma7klCJXjUlqudouhyvAoQOzFOuCyWJFBWku93p7FFhoKlC9KolfFprhwG9IfiZTAsa5i9-zaSzEM/s320/author-pink.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/*Blogger Threaded Comments Styles From http://www.showmedreams.blogspot.com*/

5-> Now Click On Apply To Blog And See Your Comment Box

Yipeeeeeeeeeeeeee.........................

Please Leave Your Question And Comment Below
Share this article :
Samarth Agarwal (Admin)
Posted By: Samarth Agarwal

Samarth Agarwal is the owner and founder of showmedreams.blogspot.com. I love to blogging,I like to learn and share technical hacking/security tips with you.

54 comments:

  1. Thanks Samarth... You Did a nice job.

    ReplyDelete
  2. Hi Samarth
    I tried your technique on my blog.But it didnt work.Kindly check my blog.
    Request your help.
    Regards
    Monali

    ReplyDelete
    Replies
    1. Send A back Up of your template on my email address www.showmedreams.tk@gmail.com

      Delete
  3. Wow it worked :) thank you!
    Do u also know how to have "a subscribe by mail for follow up comment" as an option to tick???

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. Thanks Nice Post....

    SanSoftMax

    ReplyDelete
  6. O well... not exactly what I have expected but it's cool!

    ReplyDelete
  7. The 2017 Pro Bowl is the National Football League star game for the 2016 season to be played at Camping World Stadium in Orlando, Florida on January 29, 2017. The game will be televised nationwide on ESPN.
    Pro Bowl 2017
    Pro Bowl 2017 Live
    Pro Bowl 2017 Live Stream
    Watch Pro Bowl 2017
    Pro Bowl 2017
    Super Bowl

    ReplyDelete
  8. Do you know about UFC 209. Here the Blog you can know all details about UFC 209. Have a Nice Day. Thanks

    UFC 209 , UFC 209 fight

    UFC 209 ppv , UFC 209 live

    UFC 209 live stream , UFC 209 start time

    UFC 209 live free , Woodley vs Thompson

    ReplyDelete

  9. There exists practically a full week March Madness of action before the NCAA tournament announces the field on Selection On the. But even though that won't happen until Walk 12, March Madness Live it's simple enough to project the four No more. 1 seeds in Mar Madness.

    The four top seeds should be March Madness Live Stream guarding national champion Villanova, North Carolina, Kansas and Gonzaga. Those four have recently been at the top of the rankings and also have also been the selections of bracketologists March Madness Bracket like ESPN's Later on Lunardi and March Madness 2017 s Jerry Palm, and it might be a surprise if they didn't emerge at the conclusion of the meeting tournaments that will be held at throughout the week.

    Villanova (28-3, 15-3 Big East) has put together a sensational season after beating New you are able to in last year's March Madness 2017 Live countrywide title game. Head instructor Jay Wright has retained his foot on the gas pedal, and the Wildcats have continued to produce on a steady most basic. NCAA March Madness

    Villanova is the Little. 1 seed in the Big East tournament 2017 March Madness , and while that league has regularly produced upsets in the conference tournament, it would be somewhat of a shocker if the Wildcats didn't make it to it game. If perhaps they face second-seeded Retainer, it could be a good game that moves down to the line because Butler has recently crushed Villanova twice. When it is any other Big East team, the Wildcats would be a significant favorite.

    ReplyDelete
  10. think the question of making teammates better is an important one this year (if not all years). This is one of the reasons I like Harden -- he is making his bigs measurably better this year. Having metrics for how guys make their teammates better is still a challenge. Doable, but hard.



    March Madness

    March Madness Live

    March Madness Live Stream

    March Madness 2017

    March Madness 2017 Live

    ncaa March Madness

    ncaa march madness live

    ncaa tournament

    March Madness Bracket

    ncaa final four



    suspect when an MVP is announced -- and the counting stats end up winning the day -- most of us will think something like, "Well, that's a silly choice."

    ReplyDelete
  11. Kelly Olynyk (11 points on 5-of-6 shooting, eight rebounds) and Tyler Zeller (six points, three rebounds in 10 minutes). Thomas gushed about the way Olynyk plays when he's confident in himself and noted, "When [Olynyk is] feeling it, he’s a helluva player to stop.



    March Madness

    March Madness Live

    March Madness Live Stream

    March Madness 2017

    March Madness 2017 Live

    ncaa March Madness

    ncaa march madness live

    ncaa tournament

    March Madness Bracket

    ncaa final four




    Then there's Zeller, who has lived in a land of DNPs this season and has battled a nagging sinus issue that sidelined him for much of December and early January. He has given the Celtics quality minutes in recent games and appears ready, should matchups dictate that Boston go big (which coach Brad Stevens noted is

    ReplyDelete
  12. The smart Trick of Watch NBA Basketball Online That No One is Discussing
    NBA Live Stream
    NBA Live Streaming
    NBA Live

    ReplyDelete
  13. Any good SEO Internet marketing company will tell you there are many complex factors that need to be get over to promote seo and community social media types of solutions in particular place.
    Read More...

    ReplyDelete

  14. Nice Post. It’s really a very good article. I noticed all your important points. Thanks
    Click Here : used cat 140m motor grader for sale at cheap price

    ReplyDelete
  15. Fortunately most satellite and digital TV suppliers can stream live since NBC utilizes TV anyplace. On the off chance that despite watch golden globes live online

    ReplyDelete

  16. Awkwafina and Laverne Cox declared designations live from the Pacific Design Center in West Hollywood, Calif. Droop AFTRA president Gabrielle Carteris presented the moderators, who uncovered designations for acting in TV and film. Before that, SAG Awards board of trustees seat JoBeth Williams and advisory group part Elizabeth McLaughlin uncovered the current year's trick outfit chosen people.

    The 25th Annual SAG Awards service will be simulcast live on TNT and TBS on Jan. 27 at 8 p.m. ET/PT. Kristen Bell was the SAG Awards first-since forever have a year ago, however an emcee has not been declared yet for the 2019 manifestation.


    As yet reeling from the shocks in a week ago's Golden Globe assignments? Well clutch your cap, since we're just barely beginning!

    Sag Awards 2019 Live Stream

    ReplyDelete
  17. nice post
    https://www.softwebtuts.com
    https://www.raufgraphics.com

    ReplyDelete
  18. Thank you for the information and publication!
    I will be glad to see you as a reader of the journal about the health body and soul - Pushkar-Journal.

    Pushkar Journal is a source for discoveries in health, longevity, nutrition, and medicine. Current coverage of medical advances from around the world that can really change life for the better.

    In the magazine you will find information on how to maintain health and youth.

    Effective formulas, recommendations, methods for the treatment and control of diseases.
    Reviews of supplements, coverage of discounts, promotions and offers online store iHerb.

    ReplyDelete
  19. Excellent article. Very interesting to read. I really love to read such a nice article.
    website development company pakistan

    ReplyDelete
  20. Happy Mothers Day is the special event for all the sons and daugthers which they want to wish their mothers happy mothers day 2020
    Happy Mothers Day Quotes
    Follow this link to wish happy mothers day.

    ReplyDelete
  21. Great information, the product was good we are offering more product like this
    parking management system"

    ReplyDelete
  22. This comment has been removed by the author.

    ReplyDelete
  23. This comment has been removed by the author.

    ReplyDelete
  24. This comment has been removed by the author.

    ReplyDelete
  25. ai cybersecurity future is as important as regular security. That means, practising online security like using strong passwords and avoiding innocent-clicks on malware links is as important as locking your door when you go out.
    tech gadget time news so far nation news time whole family fun expenses help daily out fit idea youth beauty tips

    ReplyDelete

Before Publishing Your Comment Please Click On Subscribe Button To Get Comments Update Direct Your Email

Subscribe via email

Subscribe via Email
 

Hi! Myself Samarth Agarwal (Pro Blogger and an addicted Web Developer)
1st of All I would like to thanks to all Followers and our lovely Visiters... Read More

Make Dashing Your Blog Copyright © 2016- All Rights Reserved
Designed by: Samarth Agarwal | Powered by: Showmedreams(SMD)