How to edit a custom Blogger template in a professional way?
You can purchase a premium template with a more attractive design than the default Blogspot template or choose a free one. However, many templates come with locked widgets, making it difficult to drag, drop, and arrange them as desired. Additionally, some templates may have issues with titles, search engine optimization (SEO), label counts, and other important features. Since Blogspot allows code editing, it’s essential to unlock all restrictions and apply necessary corrections to ensure optimal performance and customization. Now open the .xml file, and
1. Unlock Widget
If you can't drag and drop widget from one section to another, that's a shame. Find
locked='true'
and replace with
locked='false'
2. Freedom to add new widgets
There may be no way to add new widgets in any specific section. But what if we need more? Find
showaddelement='no'
and replace with
showaddelement='yes'
3. Unlimited Widget
Template developers may sometimes limit the number of widgets in a section. Remove this restriction. Find
maxwidgets='1'
and replace with
maxwidgets='100'
4. Custom Title
You can create rules for different types of Title for different types of pages. Here is the Code.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Full Website Title</title>
<meta name='keywords' content='Keyword 1, Keyword 2, Key word 3'/>
</b:if>
<!-- Homepage -->
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/> | Full Website Title</title>
</b:if>
<!-- Static Page -->
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | Full Website Title</title>
</b:if>
<!-- Specific Blog -->
<b:if cond='data:blog.pageType == "archive"'>
<title>Archive for <data:blog.pageName/> | Full Website Title</title>
</b:if>
<!-- Archive, Example https://example.blogspot.com/2023/06/ -->
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'>
<title>All Articles about <data:blog.pageName/> | Full Website Title</title>
</b:if></b:if>
<!-- Post Label, Example https://example.blogspot.com/search/label/Something -->
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.url != data:blog.homepageUrl'>
<title><data:blog.pageTitle/> - All Articles</title>
</b:if></b:if>
<!-- All Posts, Example https://example.blogspot.com/search?max-results=10 -->
<b:if cond='data:blog.pageType == "error_page"'>
<title>404 | Go to Homepage</title>
</b:if>
<!-- 404 Page -->