Monday 14 April 2014
Easiest way to Add Numbering system to Blogger Comments
Do you like this ?
This is an easy tutorial to number your blogger comments, to assemble your blogger comments with number. This tutorial is really easy to add numbering style to your blogger website. This is really a simple tricks to add a Css code to your blog and it will add an awesome number count to blogger like the below image.
Now time for adding the code.
So let's proceed in the name of Allah.
Now time for adding the code.
So let's proceed in the name of Allah.
- First go to Blogger > Template > Edit Html
- Press CTRL+F from your Keyboard and Search for this code ]]></b:skin>
- And paste the Below codes just Above/Before ]]></b:skin>
/*----- Comment Counter by MBT -----*/If you want you can do some customization.
.comment-thread ol {
counter-reset: mbt-comments;
}
.comment-thread li:before {
content:counter(mbt-comments);
counter-increment: mbt-comments;
font-size: 30px; float:left;
position:relative;
top:0px;
left:-10px;
margin-right:0px;
height:100px;
margin-right:0px;
font-weight:bold;
font-family:arial, georgia;
color: #666; }
.comment-thread ol ol {
counter-reset: mbt-comments-sub;
}
.comment-thread li li:before {
content: counter(mbt-comments) "." counter(mbt-comments-sub,lower-latin);
counter-increment:mbt-comments-sub;
font-size: 12px; color: #666; position:relative;
top:10px;
}
.comments .comments-content .comment-header, .comments .comments-content .comment-content { margin:0px 0px 8px 28px!important;}
- You can change the colour and size of the comment count by customizing the Yellow highlighted code.
- To edit the font size and color of sub sections (nested replies) change orange highlighted code.
Let me know if you face any problem.
courtesy Mybloggertricks
This post was written by: Rashedul Islam
Assalamualaikum, I am Rashedul Islam Arman from Chittagong,Bangladesh. Founder of this Blog Alhamdulillah.If you Have any Problem,Complain,Suggestion or for Anything don't Hezitate to Contact ME,You can Directly contact me on my Facebook I'D
Subscribe to:
Post Comments (Atom)
0 Responses to “Easiest way to Add Numbering system to Blogger Comments”
Post a Comment