Monday, April 1, 2013

{Blog Design Tips} Author Comment Section - Color Change

Do you want to add some color to your author comment section? Do you want a background color? In this tutorial, I will show you how I changed the color of my author comment box on my blogger blog to a different color.




So this is what I did:


1.  Go to your Template section and click on Edit HTML


    2.  Click Expand Widget Templates


    3.  Find (use command F on mac)
    </body>

    4. Copy and paste the following code right above it
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <script>
    $(function() {
    function highlight(){
    $('.user.blog-author').closest('.comment-block')
    .css('border', '1px solid #FFF0FF')
    .css('background','#FFF0FF url("http://www.blogblog.com/1kt/transparent/white80.png")')
    .css('color', '#444444')
    .css('font-size', '12px')
    .css('padding', '10px');
    }
    $(document).bind('ready scroll click', highlight);
    });
    </script>


    Line 6: Change border color by altering #FFF0FF
    Line 7: Change background color by altering #FFF0FF

    Click here for color choices.

    Voila!!! You've got yourself a new look! Yippeee....

    I'm so thrilled with my new background color.....can't wait to do more.

    Send me your links so I can check out your changes.....have fun!

    Happy Coding!

    7 comments:

    1. I like that I make an appearance here;)! I'll be trying this out. Thanks for the advice:)!! A

      ReplyDelete
    2. Beautiful blog, Jules!! I was wondering how you went about hindering copy/paste ability from your readers? I'm Word Press so I don't know if it'll work the same?

      ReplyDelete
      Replies
      1. Hi Hannah. Thanks for asking I just wrote a post on how to do this, but I'm not sure if the javascript will work. I have a link for a wordpress plugin that might work. Take a look. Prevent Right Click

        Delete
    3. Thanks for a very interesting blog. What else may I get that kind of info written in such a perfect approach? I’ve a undertaking that I am simply now operating on, and I have been at the look out for such info.
      http://myhittricks.blogspot.com/

      ReplyDelete
    4. I really enjoyed to reading this article, really helpful Thank you for your blog! Myself Jerry Motley, am a freelance writer who can handle almost all the subjects and topics with regard to academic as well as non-academic field in recommended essay writing services.

      ReplyDelete

    All comments will be posted after moderation.

    Leave me a note! I love reading your thoughts.