How to customize label counter on Label Widget in Blogger

Label Widget


We know that Label counter show the number of post with respect to the Label. Visitor can understand that how many posts are available in this category. On the Blogger, It usually positioned and enclosed with parenthesis right after the label. You can remove the parenthesis and it can be float to the right.

After customization you can view the Label as below screen-

Label counter


How to customize the Label counter in Blogger

1. Go to Blogger dashboard > Setting > Layout.
2. Find the Label widget in the right sidebar and click on edit option below the Label widget.
3. Select the List form Display type and check “show the number of post per label”.

label configuration


4. Save the widget.

Remove the parenthesis from Label count

1. Go to Blogger > Template > Edit HTML.
2. Press Ctrl + F and search the code

 
<b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if>


3. Replace the above code with following code-


<b:if cond='data:showFreqNumbers'> <span class ='label-count' dir='ltr'><data:label.count/></span></b:if>


4. Save the template.

Customize the Label Counter

1. Go to Blogger > Template > Edit HTML.
2. Find The code ]]></b:skin> and just above paste the below code


.label-count { color:#333; float:right; padding-right:5px;}


3. Save the Template.

Now you can see that Labels display the number of post in the specific label.
Previous
Next Post »