Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Wednesday 5 March 2014

How To Highlight Author Comments In Blogger | Highlight Author Comment Using Ribbon

To grow Your Blog, It is Very important to keep good relation betweer you and your visitors.  This can be done using commenting and replying your visitor comments.
So Today I tell you very easy steps to highlight Admin comment in blogger....You might be knowing "how to do so" But this is different method using JavaScript.

Related Article:-

  1. How To Customize Comment Style In Blogger.
  2. How To Remove Comment Box From Page In Blogger.
  3. Add Floating Back-To-Top Button in Blogger
  4. Customize Block-Quote Style using CSS in Blogger

How To Highlight Author Comment In Blogger

  • Sign In to Blogger Dashboard
  • Go to Template -> Edit HTML
  • Find </body> and copy the following code above it
<script type="text/javascript">
$(function() {
function highlight(){
$(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
.css(&#39;border&#39;, &#39;1px solid #e1e1e1&#39;)
.css(&#39;background&#39;,&#39;#f1f1f1 url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSTBgdHZCsgH57Liz5kXINN4OdhwyYEJP1YGYUloZYcDv8iKzWhVI3QNNNWJA53FrFvLls1eO6LW9IADOckwdpqCrgqhUeFM70fhhlnHAA6Bp8rmQytoj8bsLOE-G0YsOdx5uQzL1e0M/s1600/admin_comment1.png&quot;) no-repeat bottom right&#39;)
.css(&#39;padding&#39;, &#39;10px&#39;);
}
$(document).bind(&#39;ready scroll click&#39;, highlight);
});</script><a style="display:none" href="http://allin1-web.blogspot.com">Blogger Widgets</a>

  • You can Replace RED Colourd URL with your imge....
  • Click Save.
Congratulations you are done. If you enjoyed this article please like and share....and leave your Comment

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.