JQuery tricks are very much useful for
the designing of blog/website. Today the new blogger tip for designing comments
according to your need is also based on jQuery tricks. By using this trick, the
authors comments can be highlighted very easily so that the admin’s comments
can be differentiate from the readers’ comments.By using this blogger tutorial
the border, background color or font color and size etc of admin comment box
can be changed and redesign according to your needs.
Let’s have a complete
guide about this blogger widget of “Add a Different
Background for Author Comments in Blogger’s Threaded Comments”
How to Add a Different Background for Author Comments in Blogger’s
Threaded Comments
|
STEP 1:
Now click on Edit HTML
STEP 2:
Click inside the Code area and by using Cntrl+F open search box
STEP 3:
By using search box,
Find this code
</body>
Just above </body> paste the
below given 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>
Customization
|
According to your needs customize settings
as:
- 1- To change the border thickness edit the 1px value
- 2- To change the border style change the solid to dashed, dotted, outset, inset etc
- 3- To change the border color replace the value #FFA500
- 4- To change the background style replace the URL http://www.blogblog.com/transparent.png, you can also replace this URL with your default image.
- 5- To change the background color just change the value #F1F1F2 by new hex code (use this tool to get new hex code freely)
- 6- Change the font color by changing #444444 to new hex code (use this tool to get new hex code freely)
- 7- Font size can be changed by changing 12px.
Your desired customization is complete now
click on Save.
That’s it… Congratulations! You have applied this blogger widget completely by using
simple jQuery tricks.
At last
|
Now you can “Add a Different Background for Author Comments in Blogger’s Threaded Comments” easily quickly. May be you have tried some others widgets like this, but this is working. Keep blogging.
Comment Policy : We are pleased to see your comment here. However, Please Keep in mind that all comments are moderated manually by humans according to our comment policy all. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and meaningful conversation.