Stylish vbulletin comment area in blogger

Stylish vbulletin comment area in blogger

I know you getting boread with old and bore comment area in blogger.And today i am going to show you how to make your blogger comment area looks like vbulletin.So,let's start.login to your blogger account go to layout and then sub section edit html backup your template and search for comment by writing "comment" with out quotes after finding the comment area just replace the whole comment area with this code.

/* The entire Comments Area by http://www.dlcomplete.com */

#comments-block{margin : 15px 35px 15px 15px; padding: 0; font-family: 'Trebuchet MS';width:425px;}

/* Comment's author block */

#comments-block .comment-author{
margin : 15px 35px 15px 15px;
width:425px;
background: url(http://i464.photobucket.com/albums/rr4/dlcomplete/gradient_tcat.gif) repeat-x top left;
padding: 5px;
font-size: 15px;
font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-weight: bold;
border-top:2px solid #0B198C;
border-bottom:1px solid #0B198C;
border-left:1px solid #0B198C;
border-right:1px solid #0B198C;
color: #FFFFFF;

}

/* Comment's body */

#comments-block .comment-body{
margin : 15px 35px 15px 15px;
width:425px;
padding: 0;
background:#F5F5FF;
font-size: 12px;
border: 1px solid #0B198C;
margin-top: -15px; /*position*/
padding: 5px;
color:#000000;
}

/* Comment's footer (Timestamp) */

#comments-block .comment-footer{
margin : 15px 35px 15px 15px;
width:425px;
padding: 0px;
background:#E1E4F2;
font-size: 12px;
font-weight: normal;
margin-bottom: 20px;
border: 1px solid #0B198C;
margin-top: -15px; /*position*/
padding: 5px;
}

/* Deleted comments format */

#comments-block .deleted-comment {
font-style:italic;
color:blue;
}

/* Links' format in Comments Area */

#comments-block .comment-author a{color: #fff !important;}
#comments-block .comment-footer a, .comment-body a{color: #39cb43 !important;}
/* The entire Comments Area by http://www.dlcomplete.com end here */

and save your template you have done it.If you have any problem to finding comment area just leave your comment here and i will help you to make your comment area like vbulletin.You can request here for any tutorial,software or serial.

http://www.dlcomplete.com/2009/01/request-here-for-softwaretutorials-and.html