One of the elements that make your website look like blogger is the message “Showing posts with label xxx. Show all posts” when exploring content by label.
If you wanted to make your blogger blog look like a professional blog or a website, it is better to remove the “Showing posts with label xxx. Show all posts” message showing text from your template code.
You can’t find the exact text in the template and so it is a bit pro task to do. Don’t worry if you are a basic blogger and wanted to make this change to your blog too. Just follow my instructions step by step carefully.
Note: Make a backup of your template before you proceed.
Step 1: Login to your blogger account and go to your blog’s dashboard.
Step 2: Go to Template > Edit HTML to go to the code part of your template.
Step 3: Do not panic on seeing the code. Click anywhere in the code and press Ctrl+F to search for the following line.
Step 4: Click on the corresponding arrow of the line to hide or expand the whole block of code. When hidden, it would look like as shown below:
When un-hidden, the code will look like as shown below:
Step 5: Remove the whole block of code and replace it with the following one.
Step 6: Save the template and check it once by clicking on a label in your blog.
Did it worked for you or not? do let me know in comments!
If you wanted to make your blogger blog look like a professional blog or a website, it is better to remove the “Showing posts with label xxx. Show all posts” message showing text from your template code.
You can’t find the exact text in the template and so it is a bit pro task to do. Don’t worry if you are a basic blogger and wanted to make this change to your blog too. Just follow my instructions step by step carefully.
Note: Make a backup of your template before you proceed.
Step 1: Login to your blogger account and go to your blog’s dashboard.
Step 2: Go to Template > Edit HTML to go to the code part of your template.
Step 3: Do not panic on seeing the code. Click anywhere in the code and press Ctrl+F to search for the following line.
<b:includable id='status-message'>
Step 4: Click on the corresponding arrow of the line to hide or expand the whole block of code. When hidden, it would look like as shown below:
<b:includable id='status-message'>…</b:includable>
When un-hidden, the code will look like as shown below:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Step 5: Remove the whole block of code and replace it with the following one.
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Step 6: Save the template and check it once by clicking on a label in your blog.
Did it worked for you or not? do let me know in comments!
Hello Sasidhar,
ReplyDeleteThanks for such quick guide for removing label show message box. Yes, it shows that label you viewing at, but to make it more professional , removing such messages is better, as you said.
Will surely try this out, whether working or not!!
Hi Justin,
ReplyDeleteGlad tou found the tutorial useful. Thank you so much for sharing your thoughts about it. Keep visiting Amfas Tech. If you got a doubt, you contact me through any way. I'll be glad to reply.
Hve a good weekend :)
Following catch up :
ReplyDeleteBro, it worked, i got that label message removed. Thanks (Actually removing that msg class div) :D
Congratulations!
ReplyDeleteHello Sasidhar,
ReplyDeleteThanks for your post, :)
What do you do when you can't find the code?
Thanks
Anna
http://onth3edge.blogspot.co.uk/
Hi Anna,
ReplyDeleteIf you are can't find the code, use inspect element of your web browser and see what container it is embeded in.
Hope that helps :)
Post a Comment