In this tutorial we will learn how to highlight author comments so that they will have the background color, border, or anything that makes them stand out from the rest is different. To achieve this, we need to add code to the Blogger template and modifying styles according to our preferences.
How to highlight author comments in Blogger:
Step 1. Go to Template, click on Edit HTML
Step 2. Click anywhere inside the code area and try to find - using CTRL + F keys - this tag:
</body>
Step 3. Just above it, paste the following code:
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 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>
Video Tu
If you like our post or have any suggestion or got stuck at any steps implementing the widget to your blog then leave a comment below i will be glad to help you out. Subscribe to our blog, Like us on Facebook, +1 on Google+. Keep Blogging!
0 comments:
Post a Comment