In this tutorial i will tell you how to highlight your Author Comments in Blogger new Threaded Comment System.well In this tutorial it is very easy to highlight your author comment .just follow some steps below ..
- Login to blogger >>go to Template >Edte HTML >>Proceed >> Expand Widget Templates
- Now find </body>
- Now put the below codes and save the template all Done .. :)
<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- ss highlight author starts -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', 'dashed blue 1px')
.css('background','#F0A2A2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- ss highlight author ends -->
<!-- ss highlight author starts -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', 'dashed blue 1px')
.css('background','#F0A2A2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- ss highlight author ends -->
Note:-If you want to change the color then find and Edite #F0A2A2 in above code ..you can use this tool
Online Color Code Calculater
This Tutorial is working 100% I was successfully. Thank You This step by step guide..!My Blogger blog
ReplyDelete