Add | Give Remark Numbering On Blogger Threaded Remarks Utune Best Tricks

Add | Give Comment Numbering On Blogger Threaded Comments Using Best Tricks

In this cara i will demonstrate you how to Add Remark Number with every remark utune beautiful images or bubbles and also give number to every remark. It is very simply to add remark numbering in your blogger template and also very useful because you clever easily find how many remark you have to every post. It will add numbers love this way 1,1.a,1.b,1.c,1.d and so on you clever easily look in a screenshot which is given below in image. This is done with CSS Tricks if you want to do this then follow my below little cara for adding this beautiful trick on your blogger remarks.



Best Blogger Trik And Tricks For My Blog SEO Instantly

How I Clever Boost Traffic With Targeted Country On Blogger

How I Clever Use Webmaster Tools Properly For Blogger

How Optimize Blogger | Situs To Increase Or Make Money With Blogging Tricks



Add Best Remark Numbering In Unusual Bubbles:


Go to Blogger.com.
Go to Template.
Click on Edit HTML.
Now Press Ctrl+F in the HTML Body Box.
When you Press Ctrl+F then Search Box is seep top right corner.
Copy below Code/Tag and paste in search box and press enter.


]]>

]]></b:skin>



When you find this above tag in HTML Body then add below code only, merely, solely above/before this ]]></b:skin> tag.



.remark-thread ol {
differentdifferentcounter-reset: countremarks;
}

.remark-thread li:before {
differentdifferentcontent: counter(countremarks,decimal);
differentdifferentcounter-increment: countremarks;
differentdifferentfloat: right;
differentdifferentfont-size: 22px;
differentdifferentcolor: #555555;
differentdifferentpadding-left: 10px;
differentdifferentpadding-top: 3px;
differentdifferentbackground: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/remark+bubble2.png) no-repeat;
differentdifferentmargin-top: 7px;
differentdifferentmargin-left: 10px;
differentdifferentwidth: 50px;
 /*image-width size*/
differentdifferentattitude: 48px;
 /*image-attitude size*/
}

.remark-thread ol ol {
differentdifferentcounter-reset: contrebasse;
}

.remark-thread li li:before {
differentdifferentcontent: counter(countremarks,decimal) "." counter(contrebasse,lower-latin);
differentdifferentcounter-increment: contrebasse;
differentdifferentfloat: right;
differentdifferentfont-size: 18px;
differentdifferentcolor: #666666;
}



Now save your template and you are done and now turn to customization in blogger remarks by replacing bubbles.



Add | Put HTML Color Code Generator Tool To Your Blogger With Easy Tricks

Add | Put | Embed Google Map Between Blog Post Blogger Tricks

How Easliy/Simple To Administer Page Layout In Blogger Blogspot



Customization In Remark Number In Bubbles:


padding-left: 10px; - Edit it to adonly, merely, solely the position of text(number) from left size

padding-top: 3px - By editing the value you clever adonly, merely, solely the position of text(number) inmiddle bubble from top.

background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/remark+bubble2.png) no-repeat; - If you want to change the bubble image then simply replace image URL with yours.

margin-top: 7px; - By editing this value you clever adonly, merely, solely the position of bubble from top.

margin-left: 10px; - Increase or diminish the value as per your requirements.





Bubbles Image URL For Adding In Remarks:


Now i am going to give you some shapes, images or bubbles which you clever easily add in your blogger remark for adding these bubbles shapes Copy the URL of bubble images which you want to add and replace with red highlighted text or url and then save it. How to pick the URL of image? Your Reply is here. Right Click on your desire image which you want to add and click on view image in your foreheadser and copy the url in your foreheadser and paste it.

Now save your template and you are done.

It will add numbers love this way 3,3.a,3.b & 4 here 3,4 are the main remarks and 3.a,3.b are the replies,you clever look a screenshot below in picture. - Look more at: http://www.aiderblogger.com/2012/08/add-numbers-to-blogger-threaded-remarks.html#sthash.Gv0yep4S.dpuf

It will add numbers love this way 3,3.a,3.b & 4 here 3,4 are the main remarks and 3.a,3.b are the replies,you clever look a screenshot below in picture. - Look more at: http://www.aiderblogger.com/2012/08/add-numbers-to-blogger-threaded-remarks.html#sthash.Gv0yep4S.dpuf

It will add numbers love this way 3,3.a,3.b & 4 here 3,4 are the main remarks and 3.a,3.b are the replies,you clever look a screenshot below in picture. - Look more at: http://www.aiderblogger.com/2012/08/add-numbers-to-blogger-threaded-remarks.html#sthash.Gv0yep4S.dpuf

It will add numbers love this way 3,3.a,3.b & 4 here 3,4 are the main remarks and 3.a,3.b are the replies,you clever look a screenshot below in picture. - Look more at: http://www.aiderblogger.com/2012/08/add-numbers-to-blogger-threaded-remarks.html#sthash.Gv0yep4S.dpuf



Related Articles:


Add | Put Pop Up Ads For Banner | Adsense Or Cbeat, smackika On Blogger Blogspot Easy Tricksdifferent

Add 6 Best | Beautiful | Cool Loolord Social Bookmarlord Sharing Buttons Widget | Gadget On Blogger Blogspotdifferent

Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effectdifferent

Create | Make Blogger Background Picture On Photostore And Change With Desire Photodifferent

Add | Put Best Style Subscribe Box Widget/Gadget For Blogger Middlebardifferent

Create | Make | Add | Set 404 Wrong Page In Blogger Blogspot Easilydifferent

Add | Put Three Tab Gadget/Widget In Blog Layout Middlebar On Blogspotdifferent

Customise Blogger Default Template To Make Professional Template 

0 comments