Clean Gallery Blogger Template Features

• Fully responsive design that works on all devices
• Gallery-style homepage layout with grid post display
• Multiple post layouts (default, left sidebar, full width)
• Advanced customization options through Blogger Template Designer
• SEO optimization with Schema.org structured data
• Structured data included
• Over 50 color options for complete customization (Check Colors)
• Google Fonts integration with multiple font options (Check Fonts)
• Support for a background image (Check Background Image Support)
• Related posts with thumbnails (label-based post matching)
• Clean Admin Layout page (Check Layout)
• 14+ widget areas (Header banner area, Full-width content area, sidebar, 4 columns footer)
• Full width not found(404) page Check 404 Page
• Mobile-friendly navigation with hamburger menu
• Tabbed widget area
• Numbered page navigation
• Custom post navigation
• Built-in social media integration with 30+ platforms
• Post share buttons for all major platforms
• Custom profile widget
• Open Graph and Twitter Card support
• Integrated search form
• Back-to-top button
• Google Fonts and Font Awesome 6.7.2 icons
• Minified CSS and JavaScript for faster loading
• Cross-browser compatibility
• Many more features...

How To Configure Top Navigation Menu

<nav class='nav-primary' id='primary-navigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul class='menu pg-nav-menu menu-primary' id='menu-primary-navigation'>

<li class='menu-item'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='menu-item menu-item-has-children'><a href='#'>Business</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Internet</a></li>
<li class='menu-item'><a href='#'>Market</a></li>
<li class='menu-item'><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</nav>

How To Configure Social Buttons

<ul class='menu-social-navigation'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a></li>
...
</ul>

How To Configure Numbered Page Navigation

var pageNaviConf = {
    perPage: 12,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}

var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}

How To Create Full Width or Left Sidebar Posts/pages

Clean Gallery Responsive View

Note

The Clean Gallery template is a powerful, flexible solution for bloggers who want a modern, responsive design with gallery-style post display. With its comprehensive customization options, SEO features, and social media integration, it's well-suited for a wide range of blogging needs.

For the best results, take time to customize the template to match your brand and content style. The template's flexibility allows for extensive customization while maintaining its core functionality and design integrity.

Clean Gallery WordPress Version

https://themesdna.com/clean-gallery-pro-wordpress-theme/

One-Blog Blogger Theme Features

• 100% Responsive (Mobile Friendly)
• Search Engine Optimized
• Unlimited Colors to Choose
• Hundreds of Fonts to Select
• Support for a Background Image
• Auto Post Summaries on Homepage
• Related Posts with Thumbnails
• 4 Columns Footer Widgets Area
• Top Multi-level Navigation Menus
• Beautiful Social Buttons
• Post Share Buttons
• Custom About Me Widget
• Facebook and Twitter Meta Data
• Many More Features...

How To Configure Top Navigation Menu

<div class='menu-containernbt'>
<ul class='menunbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</div>

How To Configure Social Buttons

<div class='head-socialsnbt'>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a></li>
...
</ul>
</div>

How To Configure Featured Posts Slider

<script>
loadFeaturedLabelPosts({
    label: "LABELNAME",
    numposts: 5,
    blogUrl: "https://YOURBLOGNAME.blogspot.com/",
});
</script>

<script>
loadFeaturedLabelPosts({
    label: "Motion Design",
    numposts: 5,
    blogUrl: "https://one-blog-nbt.blogspot.com/",
});
</script>

How To Add a Recent Posts Widget

1. Go to your Blogger Dashboard.
2. Navigate to Layout → Add a Gadget.
3. From the list, choose HTML/JavaScript.
4. In the gadget content box, paste the following code:

<script>
  loadRecentPosts({
    numposts: 5,
    showpostdate: false,
    showpostsummary: false,
    numchars: 100,
  });
</script>

5. Click Save.
6. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

One-Blog Blogger Template Responsive View

How To Configure Top Navigation Menu

<ul class='sf-menu' id='primary-menunbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>

How To Configure Social Buttons

<div class='widget hoarder-social-icons'>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i aria-hidden='true' class='fa fa-google-plus'/></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a></li>
...
</ul>
</div>

How To Add a Recent Posts Widget

1. Go to your Blogger Dashboard.
2. Navigate to Layout → Add a Gadget.
3. From the list, choose HTML/JavaScript.
4. In the gadget content box, paste the following code:

<script>
  loadRecentPosts({
    numposts: 5,
    showpostdate: false,
    showpostsummary: false,
    numchars: 100,
  });
</script>

5. Click Save.
6. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

Hoarder Blogger Template Responsive View

ListMode is a clean, responsive Blogger template designed for bloggers, writers, and content-focused websites. With a minimalist layout, bold typography, and built-in support for featured post areas, ListMode makes it easy to create a professional blog without writing code. All key elements — including menus, header image, and social icons — can be managed directly through the Layout page, making it ideal for beginners and advanced users alike. Customization is easy through Blogger’s built-in Theme Designer — no coding required.

Key Features:

• Responsive & Mobile-Friendly: Optimized layout for all screen sizes, from desktop to smartphone.
• Customizable via Blogger Theme Designer: Modify fonts, colors, and styling effortlessly without editing code.
• Header Image Support: Upload and change your blog’s header image through the Layout page — no HTML editing needed.
• Two Navigation Menus: Easily add and manage primary and secondary menus via the Layout section.
• Header Social Icons: Add your social media links without touching the code — fully configurable in Layout.
• Label-Based Featured Post Sections: Highlight posts from specific labels (e.g., "Tech", "News") using attractive grid displays.
• AJAX Navigation in Featured Sections: Load more posts seamlessly in label-based featured areas — no page reloads.
• Slider & News Ticker: Both support posts filtered by label, perfect for dynamic content highlights.
• Related Posts with AJAX Navigation: Keeps readers engaged with smooth loading of related content below posts.
• Social Share Buttons: Built-in sharing buttons make it easy for readers to share your content on social media.
• 4-Column Footer Area: Add multiple widgets like recent posts, labels, or social feeds in an organized footer layout.
• Post Styling Enhancements: Includes pre/code formatting, mark/highlight styles, blockquotes, tables, and more.
• Author Box & Related Posts: Built-in components to increase user engagement and blog exploration.
• SEO & Sharing Optimized: Supports Open Graph and Twitter Cards for enhanced visibility.

Detailed Documentation Included

ListMode comes with comprehensive documentation to guide you through theme installation, menu setup, news ticker, slider, featured posts areas, header image, social buttons, meta tag configuration, and more — making it perfect for beginners.

Read the official documentation here: https://docs.newbloggerthemes.com/listmode/

ListMode Theme is Ideal For:

Personal bloggers, writers, tutorial creators, tech news publishers, and anyone who wants a clean, fast, and fully customizable Blogger theme with advanced featured post capabilities.

Magazine Point Theme Features

• Fully Responsive (Mobile Friendly)
• Optimized for Search Engines
• Colors Options / Unlimited Colors
• Fonts Options / Hundreds of Fonts
• Label Based Breaking News Widget
• Top Multi-level Navigation Menu
• Label Based Featured Posts Area
• Label Based Featured Posts Slider
• Label Based Different News Blocks
• Related Posts with Thumbnails
• Automatic Posts Summaries
• 2 Social Profile Locations
• Post Share Buttons
• Facebook and Twitter Meta Data Included
• Structured Data Included
• 4 Columns Footer
• Many More Features...

How To Activate Breaking News

<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=breakingnewsbposts'/></script>

<script src='https://magazine-point-nbt.blogspot.com/feeds/posts/default/-/Sport News?alt=json-in-script&amp;callback=breakingnewsbposts'/></script>

How To Configure Header Social Buttons

<div id='header-socialnbt'>
<div class='magazine_point_widget_social'>
<ul id='menu-social-linksnbt'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><span class='screen-reader-text'>Twitter</span></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><span class='screen-reader-text'>Facebook</span></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><span class='screen-reader-text'>GooglePlus</span></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><span class='screen-reader-text'>Pinterest</span></a></li>
...
</ul>
</div>
</div>

How To Configure Top Navigation Menu

<div class='menu-main-containernbt'>
<ul id='primary-menunbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='menu-item-has-children'><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</div>

How To Configure the Slider

<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=featuredsliderbposts'/></script>

<script src='https://magazine-point-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&amp;callback=featuredsliderbposts'/></script>

How To Configure Featured Posts Area

<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=featurednewsbposts'/></script>

<script src='https://magazine-point-nbt.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&amp;callback=featurednewsbposts'/></script>

How To Configure News Block 1

<h2 class='featured-widget-title'>WIDGET_TITLE</h2>
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=newsblockbpostsone'/></script>

<h2 class='featured-widget-title'>Web Design</h2>
<script src='https://magazine-point-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&amp;callback=newsblockbpostsone'/></script>

How To Configure News Block 2

<h2 class='featured-widget-title'>WIDGET_TITLE</h2>
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=newsblockbpoststwo'/></script>

<h2 class='featured-widget-title'>World News</h2>
<script src='https://magazine-point-nbt.blogspot.com/feeds/posts/default/-/World News?alt=json-in-script&amp;callback=newsblockbpoststwo'/></script>

How To Configure News Block 3

<h2 class='featured-widget-title'>WIDGET_TITLE</h2>
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=newsblockbpoststhree'/></script>

<h2 class='featured-widget-title'>Sport News</h2>
<script src='https://magazine-point-nbt.blogspot.com/feeds/posts/default/-/Sport News?alt=json-in-script&amp;callback=newsblockbpoststhree'/></script>

How To Configure Social Profile Widget

<div class='widget magazine_point_widget_social'>
<h2>Social Links</h2>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><span class='screen-reader-text'>Twitter</span></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><span class='screen-reader-text'>Facebook</span></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><span class='screen-reader-text'>GooglePlus</span></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><span class='screen-reader-text'>Pinterest</span></a></li>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><span class='screen-reader-text'>Linkedin</span></a></li>
...
</ul>
</div>

Magazine Point Blogger Template Responsive View

How To Configure Top Navigation Menu

<ul class='menu powerwp-nav-menu menu-primary' id='menu-primary-navigation'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>

How To Add Featured Posts Widgets

How To Configure Footer Social Buttons

<div class='powerwp-social-icons clearfix'>
<div class='powerwp-social-icons-inner clearfix'>
<div class='powerwp-container clearfix'>

<a class='powerwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='powerwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='powerwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='powerwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='powerwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
...

</div>
</div>
</div>

PowerWP Blogger Template Responsive View

Telegraph Theme Features

• Fully Responsive (Mobile Friendly)
• Optimized for Search Engines
• Colors Options / Unlimited Colors
• Fonts Options / Hundreds of Fonts
• Top Multi-level Navigation Menu
• Top and Bottom Featured Posts Widgets
• Related Posts with Thumbnails
• Automatic Posts Summaries
• Social Profile Widget
• Post Share Buttons
• Facebook and Twitter Meta Data Included
• Structured Data Included
• 4 Columns Footer
• Many More Features...

How To Configure Top Navigation Menu

<ul class='menu tg-nav-menu menu-primary' id='menu-primary-navigation'>

<li class='menu-item'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='menu-item menu-item-has-children'><a href='#'>Business</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Internet</a></li>
<li class='menu-item'><a href='#'>Market</a></li>
<li class='menu-item'><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>

How To Configure Top Featured Posts Widget

<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=showtopfeaturedbposts'/></script>

<script src='https://telegraph-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&amp;callback=showtopfeaturedbposts'/></script>

How To Configure Bottom Featured Posts Widget

<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=showbotfeaturedbposts'/></script>

<script src='https://telegraph-nbt.blogspot.com/feeds/posts/default/-/Sports?alt=json-in-script&amp;callback=showbotfeaturedbposts'/></script>

How To Configure Social Profile Widget

<div class='widget tg_widget_social'>
<h2>Follow &amp; Subscribe</h2>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><span class='screen-reader-text'>Twitter</span></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><span class='screen-reader-text'>Facebook</span></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><span class='screen-reader-text'>GooglePlus</span></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><span class='screen-reader-text'>Pinterest</span></a></li>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><span class='screen-reader-text'>Linkedin</span></a></li>
...
</ul>
</div>

Telegraph Blogger Template Responsive View

BlogZone Theme Features

• Fully Responsive Layout
• Optimized for Search Engines
• Colors Options / Unlimited Colors
• Fonts Options / Hundreds of Fonts
• Background Image Support
• Multi-level Navigation Menu
• Featured Posts Slider
• Featured Posts Area
• Related Posts with Thumbnails
• Automatic Posts Summaries
• Social Profile Widget
• Post Share Buttons
• Facebook and Twitter Meta Data Included
• Structured Data Included
• Many More Features...

How To Configure Main Navigation Menu

<ul class='blogzone-menu' id='blogzone-primary-menu'>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>

How To Configure Top Social Buttons

<div class='blogzone-social-widgets'>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'>Pinterest</a></li>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'>Linkedin</a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'>Instagram</a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'>Youtube</a></li>
<li><a href='https://github.com/' rel='nofollow' target='_blank' title='Github'>Github</a></li>
<li><a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'>Contact</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='RSS'>RSS</a></li>
</ul> 
</div>

How To Configure Featured Posts Slider

<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=blogzonesliderposts&max-results=6'/></script>

<script src='https://blogzone-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&amp;callback=blogzonesliderposts&max-results=6'/></script>

How To Configure Featured Posts Area

<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=blogzonefeaturedposts'/></script>

<script src='https://blogzone-nbt.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&amp;callback=blogzonefeaturedposts'/></script>

How To Configure Social Profile Widget

<div class='widget blogzone-social-widgets'>
<h2>Follow Us</h2>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'>Pinterest</a></li>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'>Linkedin</a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'>Instagram</a></li>
...
</ul> 
</div>

BlogZone Blogger Template Responsive View

How To Configure Top Navigation Menu

<ul class='freshwp-nav-menu menu-primary' id='menu-primary-navigation'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='menu-item-has-children'><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>

How To Add Featured Posts Widgets and Other Widgets

How To Configure Footer Social Buttons

<div class='freshwp-social-icons clearfix'>
<div class='freshwp-social-icons-inner clearfix'>

<a class='freshwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='freshwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='freshwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='freshwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='freshwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
...

</div>
</div>

FreshWP Blogger Template Responsive View