Blogger is a free blogging platform to share your ideas with the world. You can enhance its power with SEO. This requires a little knowledge of HTML and CSS. We’re making it easier for Blogger users. We come up with a new Blogger theme TezzBlog. This is one of the best SEO-friendly themes available on the internet.
What is Blogger Theme?
The Blogger Theme is the frame for the blog. When you create a Blogger blog, it comes with a legacy design. To enhance the Blogger blog design, we can use Blogger templates. Blogger themes were also known as Templates.
Officially Blogger names it as a Theme, not Template.
The file format of the Blogger theme is XML and can be uploaded in the dashboard>theme panel. It is always advised that before making any change, it is safe to take a backup of the existing theme of the blog.
TezzBlog Blogger Theme 2022 update
We provide almost all the features that a theme should have in this theme. We added all the features possible for the Blogger template.
Technical SEO
- JSON Schema Markup Data Tags for SEO,
- HTML5 semantic tags for SEO,
- Minimum CSS used
- Fast Core Web Vitals
- Advance meta tags
- Latest jQuery 3.6.0
- Auto Ads Setup
- Google Adsense Ads, Speed optimized. Read how to use Section to understand.
User Experience
- UI is too good to keep your traffic.
- Simple and Smart Design,
- Responsive to full width
- Smart Mobile Menu
- theia sticky sidebar is properly configured
- Blogger, Discuss Comment section.
- Recent Post Gadget,
- Random Post Gadget,
- Category Post Gadget.
All these features are included in the theme. To access all the features, you must understand how to use this theme.
The free version of the theme is available with Good Quality blogs only. You can contact us for the TezzBlog template.
How to use the TezzBlog Blogger theme.
This Guide is helpful for setting up almost all of our Blogger themes. First, we’ll understand the Layout section of the theme and how to modify it.
Header Settings of the Blogger Theme
The header is the important part, which contains the website logo, navigation panel, social media icon, etc. Let’s set it up for our Blogger website.
- CSS Options: This widget allows you to customize layout design, like the full width of the layout. You can change values, true and false.
- Default Variable: Allow you to change the variable used in the theme file.
- Comment System: You can choose between Blogger and discuss comment system,
- Fixed Sidebar, True or False. We recommend true.
- Fixed Menu: Menu should fix or not
- Post-Per Page: How many posts should be visible on archive pages,
- Link List: Add top Menu
- Social Widget: Add the social media button to the blog,
- Page Header: Add the Logo for the desktop version of the website
- Ad placement: Here, you can place ads, but this will decrease the CLS score of the website. We recommend not adding any ads. This is above the fold area. Follow the responsive Adsense guide if you need to add an ad block.
- Mobile Logo: Add a Logo for the mobile version of the website. We suggest using a transparent png format image.
- Main Menu: Here, you can set the main navigational panel for the website. The guide is provided below.
- Add Gadget: You can add Gadget here.
How to set Menu in Blogger TezzBlog theme
The menu of the website provides easy navigation to website users. It enhances the user experience and makes your website more attractive. A properly configured menu also reduces the bounce rate of the website.
Let’s understand how to configure the menu of a Blogger theme.
The 8th block allows you to set the blog menu in the above image of Blogger Layout. The menu settings will pop up when you click on the pencil button on the block, as displayed below.
Here you can see buttons 1, 2, and 3, Home-icon, Features, and Download This Template, which are the three main blocks in the menu. When you place underscore(_) to an item and place it below the main block, it will become the child of the main block. In the above image, the (_)Multi DropDown is placed under Features is the child of the Feature block.
To add a sub-child of the child item, you’ve to place a double underscore (__) and place it under a child item. In the Above image __Drodown 1 is the child of _Multi DropDown.
The output of the above menu settings will look like this. You can also add a new block to the menu by clicking on add new item button provided at the end of the list settings.
Set up the sidebar and Footer section
The footer section contains the website, copyright, various gadgets, and sub-menu of the website.
This is the layout of the sidebar and footer section of the Layout. Here you can add the widget that should appear in the footer section.
In blocks 11, 12, and 16, you can add the contact us form, social media widget, and footer menu.
Blocks 10, 13, 14, and 15 can be used to add recent posts, random posts, popular posts, category posts, and any 3rd party widget.
- To add a recent post gadget, you can add 3/recent/post-list,
- For random posts, you can add
3/random/post-list. - To display posts from a specific label
3/LabelName/post-list.
After making the desired change, save the layout. Your Blogger blog is ready, but you can make advanced changes to speed up the blog.
Advance Changes to TezzBlog or other Blogger Theme.
To make changes to the Blogger theme, you need to edit the Blogger XML theme file. In the header section, you’ve to provide meta tag details.
You can also remove auto-generated CSS and JS of the Blogger blog. Check our guide on how to speed up the Blogger blog.
I hope you like our theme in case of queries, suggestions, or feedback. Feel free to ask in the comment section provided below.
This theme is awesome, but can you please tell me how to adjust the header image? I would like to change the height and width so that it is a banner across the page instead of super tiny. Thank you!
Keep the height smaller and the width longer. And there is an option in the layout where you can adjust the size. Keep it largest.
I also struggled with it, tried a few times before getting it right. Click on my name to view my blog.
Btw, did you get your about me section right? I think it has some sort of bug. It does not show the relevant info.
Hi.. i have a problem.. i used this theme.. it is awesome but thumbnail is problem.. it shows little image for thumbnail.. iwant first image.. how can i change it..
Keep the height smaller and the width longer. And there is an option in the layout where you can adjust the size. Keep it largest.
I also struggled with it, tried a few times before getting it right. Click on my name to view my blog.
Btw, did you get your about me section right? I think it has some sort of bug. It does not show the relevant info.
Hi.. There is a problem in mega-menu.. ahrefs say it is broken link because of link definition is /label/mega-menu and it shows label’s last 5 post.. how can i change this link definition like (-Mega-menu) vs.
hello i want to use this theme, is it adsense compatible and does it have copyright?
You can use this theme, it is Adsense Adsense compatible. This is free version.
thankyou ashok 🙂
i am using this theme but internal link is giving orphan pages error how can i fix it
Hello.
Could you please tell me how to add this theme to the blog?
Download it and upload it on your blogger theme
Caution !!! friends, I used this theme, the ad was approved, but it’s hidden in another friend’s ad code.
Please don’t download it from other URLs. This theme doesn’t contain any ad code.
There is an ad code in this theme, unfortunately, I can prove it to you.
Ok Huseyin, let me inspect it.
Sir, I inspected the theme, and no Ads code was found.
There is only Google Ads connect General code, that is only to enhance the speed
of Blogger blogs.
Note: This general code googleads.g.doubleclick.net is same for all publishers.
And if you still facing the issue, please let us know the line number where you found the ads code.
Hi,
Thank you for this amazing theme, I have a few questions about it :
How can I add the meta tags and keywords for the site and each blog post?
Is there an Arabic version of the theme?
Thanks
Thank you Mister Kumar. I use this template for a project in Spain. I like it because it solved my problem with vocabulary obsolete breadcrum. It is simple and elegant. Greetings.
Hi
this theme is awesom, but i face few issue while index in bing webmaster.
1. H1 tag missing for the home page.
2. html size too long.
3. remove unused JS
Hi, we fixed the H1 issue. HTML size is not an issue.
No unused javascript in this theme.
The latest version fixes the issue.
Direct download option is no longer supported, please contact us via telegram.
the demo page still shows H1 missing in home page https://tezzblog-seoneurons.blogspot.com/
if i click any post,it has H1.
now i am not able to see the download option for this template.? not BUY NOW..
how much it its..
You can clear the cache of the website and try again. This theme cost Now $10. The free version is available for quality websites only.
I want to use this theme for my website that access on www.pahakkannaadi.blogspot.com
helloo how can i add h1 in html in tezzblog templates
I added the theme for downloading for free in my website, link https://tarekhassan2030.blogspot.com/
how can I download the free version of the theme?