Friday, August 21, 2020

Hide or Remove Label Status Message box from Blogger

Hide or Remove Label Status Message box from Blogger Google Blogger see a status message in their Blogger Template, when generally any user click on Blog label then it display like below. Showing posts with label ---------. Show all posts This message is not fit with all kinds of template design. And many Blog user don't like to see it appearing all the time at the top of the page. Because this line occupy an extra space above Blog Post title. On the other hand this status message is unnecessary. So those who would like to remove or hide this status message this tutorial might be helpful for them. Hiding the Status Message Those who are show 404 Error message in case of missing posts then they must use this message. Because Blogger use same data:navMessage variable for Label and 404 Error page. So to work those smoothly my recommendation is to hide the status message from Blogger label page. Step 1Log into yourBlogger accountand Go to yourBlogger Dashboard Step 2Clickon- Template - Edit HTML Step 3NowFind thebelow codeby pressing Ctrl+F body expr:class='quot;loadingquot; + data:blog.mobileClass' In case of Custom Blogger template find body Now add the below code above/before the above code b:if cond='data:blog.pageType == quot;indexquot;' b:if cond='data:blog.searchLabel' style .status-msg-wrap{display:none;} /style /b:if /b:if Removing the Status Message To remove the entire status message completely you can follow the below steps- Step 1Log into yourBlogger accountand Go to yourBlogger Dashboard Step 2Clickon- Template - Edit HTML Step 3NowFind thebelow codeby pressing Ctrl+F b:includable id='status-message' Step 4The complete code will be like below b:includable id='status-message' b:if cond='data:navMessage' div class='status-msg-wrap' div class='status-msg-body' data:navMessage/ div class='status-msg-border' div class='status-msg-bg' div class='status-msg-hidden'data:navMessage/ div style='clear: both;'/ /b:if /b:includable Step 5Nowreplace the above code block with below code block b:includable id='status-message' b:if cond='data:navMessage' div div style='clear: both;'/ /b:if /b:includable Step 6Finally hit the Save template button Now check your Blog and click on any Label and see the result. The status message box is not appearing.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.