1 Column | NewBloggerThemes.com https://newbloggerthemes.com Free Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free. Sun, 05 Oct 2025 17:26:38 +0000 en-US hourly 1 Clean Gallery Blogger Template https://newbloggerthemes.com/clean-gallery-blogger-template/ https://newbloggerthemes.com/clean-gallery-blogger-template/#respond Sun, 05 Oct 2025 17:20:13 +0000 https://newbloggerthemes.com/?p=4832 Clean Gallery Blogger Theme

Clean Gallery is easy to use, search engine optimized, clean and elegant, galley blogger template to showcase your content. It is fully responsive (mobile friendly) and adopts to various screen sizes, ensuring that your site content is perfectly displayed in different devices. You can change background image, colors and fonts of this theme within few seconds using blogger template designer (without going to Edit HTML). Clean Gallery Blogger template has a 4 columns footer widgets area, left/right sidebar, hundreds of web fonts, unlimited color options, Font Awesome icon fonts, related posts with thumbnails, social and post share buttons, top navigation menu, scroll to top button, customized profile widget, multi tabbed widget and more.

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...
Here I have explained how to configure the Clean Gallery blogger theme.

How To Configure Top Navigation Menu

Top Navigation - Clean Gallery Blogger Template Find this in "Edit HTML": 
<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>
Replace "#" marks with real URLs and change anchor texts as you like. I have already configured a part of the menu (see "Pages Types") with sample URLs and anchor text to understand how it works.

How To Configure Social Buttons

Social Buttons - Clean Gallery Blogger Template Find this in "Edit HTML": 
<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>
Add your social profile links replacing default social profile URLs.

How To Configure Numbered Page Navigation

Page Navigation - Clean Gallery Blogger Template Find this: 
var pageNaviConf = {
    perPage: 12,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
By default, page navigation has configured to display 12 posts per page. For example if you need to display 6 posts per page, change "perPage" value to 6. Now final code should be: 
var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
Note: Also set "Number of posts on main page" value to 6 through Blogger settings. Number of posts on main page - Clean Gallery

How To Create Full Width or Left Sidebar Posts/pages

If you need to create a full width page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [full_width] (Adding Full Width Post/Page Example) If you need to create a left sidebar page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [left_sidebar] (Adding Left Sidebar Post/Page Example)

Clean Gallery Responsive View

Responsive View - Clean Gallery Blogger Template

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

If you are using WordPress, find more features of the WordPress version of this theme:

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

]]> Clean Gallery Blogger Theme

Clean Gallery is easy to use, search engine optimized, clean and elegant, galley blogger template to showcase your content. It is fully responsive (mobile friendly) and adopts to various screen sizes, ensuring that your site content is perfectly displayed in different devices. You can change background image, colors and fonts of this theme within few seconds using blogger template designer (without going to Edit HTML). Clean Gallery Blogger template has a 4 columns footer widgets area, left/right sidebar, hundreds of web fonts, unlimited color options, Font Awesome icon fonts, related posts with thumbnails, social and post share buttons, top navigation menu, scroll to top button, customized profile widget, multi tabbed widget and more.

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...
Here I have explained how to configure the Clean Gallery blogger theme.

How To Configure Top Navigation Menu

Top Navigation - Clean Gallery Blogger Template Find this in "Edit HTML": 
<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>
Replace "#" marks with real URLs and change anchor texts as you like. I have already configured a part of the menu (see "Pages Types") with sample URLs and anchor text to understand how it works.

How To Configure Social Buttons

Social Buttons - Clean Gallery Blogger Template Find this in "Edit HTML": 
<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>
Add your social profile links replacing default social profile URLs.

How To Configure Numbered Page Navigation

Page Navigation - Clean Gallery Blogger Template Find this: 
var pageNaviConf = {
    perPage: 12,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
By default, page navigation has configured to display 12 posts per page. For example if you need to display 6 posts per page, change "perPage" value to 6. Now final code should be: 
var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
Note: Also set "Number of posts on main page" value to 6 through Blogger settings. Number of posts on main page - Clean Gallery

How To Create Full Width or Left Sidebar Posts/pages

If you need to create a full width page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [full_width] (Adding Full Width Post/Page Example) If you need to create a left sidebar page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [left_sidebar] (Adding Left Sidebar Post/Page Example)

Clean Gallery Responsive View

Responsive View - Clean Gallery Blogger Template

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

If you are using WordPress, find more features of the WordPress version of this theme:

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

]]> https://newbloggerthemes.com/clean-gallery-blogger-template/feed/ 0 ListMode Blogger Template https://newbloggerthemes.com/listmode-blogger-template/ https://newbloggerthemes.com/listmode-blogger-template/#respond Wed, 09 Apr 2025 17:44:54 +0000 https://newbloggerthemes.com/?p=7271 ListMode Blogger Template

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.

Responsive View - ListMode Blogger Template]]> ListMode Blogger Template

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.

Responsive View - ListMode Blogger Template]]> https://newbloggerthemes.com/listmode-blogger-template/feed/ 0 SmartBiz Blogger Template https://newbloggerthemes.com/smartbiz-blogger-template/ https://newbloggerthemes.com/smartbiz-blogger-template/#respond Fri, 08 Jun 2018 02:42:04 +0000 https://newbloggerthemes.com/?p=6972 SmartBiz Blogger Theme

SmartBiz is fully responsive, 2 columns, free blogger theme for business/portfolio blogs. SmartBiz Blogger template has a slider, homepage featured boxes, primary navigation menu, right sidebar, 3 columns footer, Google fonts, auto post summaries, post share icons, header social buttons, related posts with thumbnails and more.

How To Configure Navigation Menu

Find this in "Edit HTML": 
<div class='menu-primary-container'>
<ul class='menus menu-primary'>

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

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Setup Featured Content Slider:

There are 5 slides in the slider. This is the code of the first slide: 
<!-- Slide 1 Code Start -->
<li>
    <a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://3.bp.blogspot.com/-VlGmIlLHs6w/WxfgyVDXwCI/AAAAAAAAUMI/u2Vvk-dwwHQBJhqPTD2jImyvZoYAdD93gCLcBGAs/s1600/1.jpg'/></a>
    <div class='flex-slideinfo'>
        <h3><a href='ENTER-SLIDE-1-LINK-HERE'>This is default featured slide 1 title</a></h3>
        <p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.</p>
    </div>
</li>
<!-- Slide 1 Code End -->
Now replace, "This is default featured slide 1 title" with your featured post title. "ENTER-SLIDE-1-LINK-HERE" with your featured post URL. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com." with your description. "https://3.bp.blogspot.com/-VlGmIlLHs6w/WxfgyVDXwCI/AAAAAAAAUMI/u2Vvk-dwwHQBJhqPTD2jImyvZoYAdD93gCLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

How To Setup About Us Boxes:

Find this in "Edit HTML": 
<div class='aboutusbox'>
<h2 class='aboutusbox-title'>Welcome to our website</h2>
<div class='aboutusbox-content'>Lorem ipsum eu usu assum liberavisse, ut munere praesent complectitur mea. Sit an option maiorum principes. Ne per probo magna idque, est veniam exerci appareat no. Sit at amet propriae intellegebat, natum iusto forensibus duo ut.</div>
</div>
Change the content as you like.

How To Setup Featured Boxes:

Find this code: 
<div class='clearfix' id='homepage-widgets'>

<div class='homepage-widget-box'>
    <ul class='widget-container'>
        <li class='infobox-widget'>
            <h3 class='widgettitle'><a href='#'>Fully Responsive</a></h3>
            <ul>
                <li class='infobox-widget-description'> <img class='aligncenter' src='https://4.bp.blogspot.com/-N73oQ0tKH-4/Wxfgv92rpvI/AAAAAAAAULg/CsJroDHdG68i46raAOxZKe36J2kkaFMmACLcBGAs/s1600/services1.png'/>Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est lone part</li>
            </ul>
        </li>
    </ul>
    <ul class='widget-container'>
        <li class='infobox-widget'> <img class='aligncenter' src='https://4.bp.blogspot.com/-oRrSEE56QoU/Wxfgtw2T9eI/AAAAAAAAULA/u26hNc84bJkdYqK3j1ZpW4j5kBbgLKjxACLcBGAs/s1600/imageservices1.jpg'/>
            <h3 class='widgettitle'><a href='#'>Infobox with image</a></h3>
            <ul>
                <li class='infobox-widget-description'> Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est lone part <a class='infobox-widget-more' href='#'>Read More</a><a/></li>
            </ul>
        </li>
    </ul>
</div>

...

</div>
Change text content and image URLs as you like.

SmartBiz Blogger Template Responsive View

Responsive View - SmartBiz Blogger Theme]]> SmartBiz Blogger Theme

SmartBiz is fully responsive, 2 columns, free blogger theme for business/portfolio blogs. SmartBiz Blogger template has a slider, homepage featured boxes, primary navigation menu, right sidebar, 3 columns footer, Google fonts, auto post summaries, post share icons, header social buttons, related posts with thumbnails and more.

How To Configure Navigation Menu

Find this in "Edit HTML": 
<div class='menu-primary-container'>
<ul class='menus menu-primary'>

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

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Setup Featured Content Slider:

There are 5 slides in the slider. This is the code of the first slide: 
<!-- Slide 1 Code Start -->
<li>
    <a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://3.bp.blogspot.com/-VlGmIlLHs6w/WxfgyVDXwCI/AAAAAAAAUMI/u2Vvk-dwwHQBJhqPTD2jImyvZoYAdD93gCLcBGAs/s1600/1.jpg'/></a>
    <div class='flex-slideinfo'>
        <h3><a href='ENTER-SLIDE-1-LINK-HERE'>This is default featured slide 1 title</a></h3>
        <p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.</p>
    </div>
</li>
<!-- Slide 1 Code End -->
Now replace, "This is default featured slide 1 title" with your featured post title. "ENTER-SLIDE-1-LINK-HERE" with your featured post URL. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com." with your description. "https://3.bp.blogspot.com/-VlGmIlLHs6w/WxfgyVDXwCI/AAAAAAAAUMI/u2Vvk-dwwHQBJhqPTD2jImyvZoYAdD93gCLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

How To Setup About Us Boxes:

Find this in "Edit HTML": 
<div class='aboutusbox'>
<h2 class='aboutusbox-title'>Welcome to our website</h2>
<div class='aboutusbox-content'>Lorem ipsum eu usu assum liberavisse, ut munere praesent complectitur mea. Sit an option maiorum principes. Ne per probo magna idque, est veniam exerci appareat no. Sit at amet propriae intellegebat, natum iusto forensibus duo ut.</div>
</div>
Change the content as you like.

How To Setup Featured Boxes:

Find this code: 
<div class='clearfix' id='homepage-widgets'>

<div class='homepage-widget-box'>
    <ul class='widget-container'>
        <li class='infobox-widget'>
            <h3 class='widgettitle'><a href='#'>Fully Responsive</a></h3>
            <ul>
                <li class='infobox-widget-description'> <img class='aligncenter' src='https://4.bp.blogspot.com/-N73oQ0tKH-4/Wxfgv92rpvI/AAAAAAAAULg/CsJroDHdG68i46raAOxZKe36J2kkaFMmACLcBGAs/s1600/services1.png'/>Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est lone part</li>
            </ul>
        </li>
    </ul>
    <ul class='widget-container'>
        <li class='infobox-widget'> <img class='aligncenter' src='https://4.bp.blogspot.com/-oRrSEE56QoU/Wxfgtw2T9eI/AAAAAAAAULA/u26hNc84bJkdYqK3j1ZpW4j5kBbgLKjxACLcBGAs/s1600/imageservices1.jpg'/>
            <h3 class='widgettitle'><a href='#'>Infobox with image</a></h3>
            <ul>
                <li class='infobox-widget-description'> Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est lone part <a class='infobox-widget-more' href='#'>Read More</a><a/></li>
            </ul>
        </li>
    </ul>
</div>

...

</div>
Change text content and image URLs as you like.

SmartBiz Blogger Template Responsive View

Responsive View - SmartBiz Blogger Theme]]> https://newbloggerthemes.com/smartbiz-blogger-template/feed/ 0 MiniNews Blogger Template https://newbloggerthemes.com/mininews-blogger-template/ https://newbloggerthemes.com/mininews-blogger-template/#respond Sun, 28 Jan 2018 16:22:16 +0000 https://newbloggerthemes.com/?p=6788 MiniNews Blogger Theme

MiniNews is fully responsive, clean and minimal, free blogger theme for writers and personal blogs. MiniNews Blogger template has 2 multi-level navigation menu, auto post summaries, 1 column layout, social and share buttons, related posts with thumbnails, 1 column footer, Google fonts and more.

How To Configure Social Buttons

Find this in "Edit HTML": 
<div class='social-profiles-widget'>
    <a href='https://twitter.com/' target='_blank'><img alt='Twitter' src='https://3.bp.blogspot.com/-At2fKKXOTqg/WfxtIiDv5oI/AAAAAAAASuQ/jPOX__UfY9cR5fMlafZ7aaa2El86c30UgCLcBGAs/s1600/twitter.png' title='Twitter'/></a>
    <a href='https://facebook.com/' target='_blank'><img alt='Facebook' src='https://4.bp.blogspot.com/-9riVGWz3Xg8/WfxtGWcN71I/AAAAAAAASt0/nzzviSQcOKI0v0NLslDBuZ3Dz6Ct5-XvgCLcBGAs/s1600/facebook.png' title='Facebook'/></a>
    <a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='https://2.bp.blogspot.com/-0aR9pasCQ6w/WfxtGfcloQI/AAAAAAAASt8/SCnPzR21KNA_-vOEKjSFVIVOzCmKJAzgwCLcBGAs/s1600/google.png' title='Google Plus'/></a>
    <a href='https://instagram.com/' target='_blank'><img alt='Instagram' src='https://2.bp.blogspot.com/-u1yHMS9lqX4/WfxtHHtUhTI/AAAAAAAASuA/d1UkV4KqPogqnLKqwzAdLtucKGZ5YC8IQCLcBGAs/s1600/instagram.png' title='Instagram'/></a>
    <a href='https://www.youtube.com/' target='_blank'><img alt='Youtube' src='https://4.bp.blogspot.com/-crHrg8Pm0fc/WfxtJJRccHI/AAAAAAAASuY/HTKz0nU0Yh03dr0MJgeawQV1xI0aSyhLQCLcBGAs/s1600/youtube.png' title='Youtube'/></a>
    <a href='https://www.linkedin.com/' target='_blank'><img alt='Linkedin' src='https://3.bp.blogspot.com/-O0aI3xB_V_Y/WfxtHi0H3nI/AAAAAAAASuE/ssR_LyL834gqCu6wOjQjt6iHu5MvHXP_gCLcBGAs/s1600/linkdin.png' title='Linkedin'/></a>
    <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='https://1.bp.blogspot.com/-kChht40qq38/WfxtIOqSbvI/AAAAAAAASuM/MtqFhLhlZq43Y-mVA74PXW1QWabqg1hiwCLcBGAs/s1600/rss.png' title='RSS Feed'/></a>
</div>
Add your social profile links replacing default social network homepage URLs.

How To Setup Primary Navigation Menu

Find this in "Edit HTML": 
<ul class='menus menu-primary'>

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

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

...

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Setup Secondary Navigation Menu

Find this in "Edit HTML": 
<ul class='menus menu-secondary'>

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

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
...

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

MiniNews Blogger Template Responsive View

Responsive View - MiniNews Blogger Template]]> MiniNews Blogger Theme

MiniNews is fully responsive, clean and minimal, free blogger theme for writers and personal blogs. MiniNews Blogger template has 2 multi-level navigation menu, auto post summaries, 1 column layout, social and share buttons, related posts with thumbnails, 1 column footer, Google fonts and more.

How To Configure Social Buttons

Find this in "Edit HTML": 
<div class='social-profiles-widget'>
    <a href='https://twitter.com/' target='_blank'><img alt='Twitter' src='https://3.bp.blogspot.com/-At2fKKXOTqg/WfxtIiDv5oI/AAAAAAAASuQ/jPOX__UfY9cR5fMlafZ7aaa2El86c30UgCLcBGAs/s1600/twitter.png' title='Twitter'/></a>
    <a href='https://facebook.com/' target='_blank'><img alt='Facebook' src='https://4.bp.blogspot.com/-9riVGWz3Xg8/WfxtGWcN71I/AAAAAAAASt0/nzzviSQcOKI0v0NLslDBuZ3Dz6Ct5-XvgCLcBGAs/s1600/facebook.png' title='Facebook'/></a>
    <a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='https://2.bp.blogspot.com/-0aR9pasCQ6w/WfxtGfcloQI/AAAAAAAASt8/SCnPzR21KNA_-vOEKjSFVIVOzCmKJAzgwCLcBGAs/s1600/google.png' title='Google Plus'/></a>
    <a href='https://instagram.com/' target='_blank'><img alt='Instagram' src='https://2.bp.blogspot.com/-u1yHMS9lqX4/WfxtHHtUhTI/AAAAAAAASuA/d1UkV4KqPogqnLKqwzAdLtucKGZ5YC8IQCLcBGAs/s1600/instagram.png' title='Instagram'/></a>
    <a href='https://www.youtube.com/' target='_blank'><img alt='Youtube' src='https://4.bp.blogspot.com/-crHrg8Pm0fc/WfxtJJRccHI/AAAAAAAASuY/HTKz0nU0Yh03dr0MJgeawQV1xI0aSyhLQCLcBGAs/s1600/youtube.png' title='Youtube'/></a>
    <a href='https://www.linkedin.com/' target='_blank'><img alt='Linkedin' src='https://3.bp.blogspot.com/-O0aI3xB_V_Y/WfxtHi0H3nI/AAAAAAAASuE/ssR_LyL834gqCu6wOjQjt6iHu5MvHXP_gCLcBGAs/s1600/linkdin.png' title='Linkedin'/></a>
    <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='https://1.bp.blogspot.com/-kChht40qq38/WfxtIOqSbvI/AAAAAAAASuM/MtqFhLhlZq43Y-mVA74PXW1QWabqg1hiwCLcBGAs/s1600/rss.png' title='RSS Feed'/></a>
</div>
Add your social profile links replacing default social network homepage URLs.

How To Setup Primary Navigation Menu

Find this in "Edit HTML": 
<ul class='menus menu-primary'>

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

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

...

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Setup Secondary Navigation Menu

Find this in "Edit HTML": 
<ul class='menus menu-secondary'>

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

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
...

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

MiniNews Blogger Template Responsive View

Responsive View - MiniNews Blogger Template]]> https://newbloggerthemes.com/mininews-blogger-template/feed/ 0 Pure Gallery Blogger Template https://newbloggerthemes.com/pure-gallery-blogger-template/ https://newbloggerthemes.com/pure-gallery-blogger-template/#respond Fri, 22 Dec 2017 04:25:59 +0000 https://newbloggerthemes.com/?p=2469 Pure Gallery Blogger Theme

Pure Gallery is an user friendly, feature rich, SEO optimized, elegant looking blogger template with a newspaper style layout. It is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using desktops, tablets and mobile devices. Pure Gallery Blogger template has many color and font options, unlimited slider widgets, label based different news blocks, tabbed widget area, 4 columns footer widgets area, right sidebar, web fonts, sticky sidebar, Font Awesome icons, background image support, related posts with thumbnails, social profile widget, share buttons, top navigation menu, scroll to top button and more.

Pure Gallery Blogger Template Features

  • 100% Responsive / Mobile Friendly
  • Search Engine Friendly
  • Many Colors and Font Options (Check Theme Designer)
  • Unlimited Slider Widgets
  • Recent Posts with Thumbnails
  • Unlimited Different Featured Posts Areas
  • Related Posts with Thumbnails
  • Different Layout Options for Posts and Pages (full width/left sidebar/right sidebar)
  • 4 Columns Footer Widgets Area
  • Full Width Not Found(404) Page
  • Top Multi-level Navigation Menus
  • Numbered Posts Navigation
  • Custom Post Navigation
  • Social Profiles Widget
  • Post Share Buttons
  • Facebook and Twitter Meta Data
  • Clean Page Layout (Check Layout Page)
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Pure Gallery Blogger Template Find this in "Edit HTML": 
<ul class='pgnav pg-nav-menu-dropdown'>

<li><a class='pg-active' expr:href='data:blog.homepageUrl'><i class='fa fa-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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Add a Slider Widget

Slider - Pure Gallery Blogger Template You can add unlimted number of Slider Widgets to your website. This slider widget automatically displays posts from a given label name. To add a slider to the top of the webpage, Go to "Layout" page. Click on the edit link of "Featured Posts Slider Widget" widget and add this code: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgfeaturedslider&max-results=10"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "10" with the number of posts you need to load in the slider. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgfeaturedslider&max-results=10"></script>
Using above code, you can add slider widgets into other areas of your website also.

How To Add a Post Style 1 Widget

Post Style 1 Widget - Pure Gallery Blogger Template You can add unlimted number of Post Style 1 Widgets to the top or bottom content area or to the sidebar. This widget automatically displays posts from a given label name. To add a Post Style 1 Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "6" with the number of posts you need to display inside widget. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Graphic Design?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Add a Post Style 2 Widget

Post Style 2 Widget - Pure Gallery Blogger Template You can add unlimted number of Post Style 2 Widgets to the top or bottom content area. This widget automatically displays posts from a given label name. To add a Post Style 2 Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "6" with the number of posts you need to display inside widget. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>

How To Add a Recent Posts Widget

Recent Posts Widget - Pure Gallery Blogger Template To add a Recent Posts Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "6" with the number of posts you need to display inside widget. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Configure Numbered Posts Navigation

Posts Navigation - Pure Gallery Blogger Template Find this in "Edit HTML": 
var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
By default, page navigation has configured to display 6 posts per page. For example if you need to display 9 posts per page, change "perPage" value to 9. Now final code should be: 
var pageNaviConf = {
    perPage: 9,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
Note: Also set "Number of posts on main page" value to 9 through Blogger settings. Number of Posts on Main Page

How To Configure Social Buttons

Social Buttons - Pure Gallery Blogger Template Find this in "Edit HTML": 
<div class='widget pg-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>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><span class='screen-reader-text'>Instagram</span></a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><span class='screen-reader-text'>Youtube</span></a></li>
...
</ul>
</div>
Add your own social links replacing default social profile URLs. You can read more details of the theme using the documentation is given with the theme.

Pure Gallery Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Pure Gallery Blogger Template]]> Pure Gallery Blogger Theme

Pure Gallery is an user friendly, feature rich, SEO optimized, elegant looking blogger template with a newspaper style layout. It is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using desktops, tablets and mobile devices. Pure Gallery Blogger template has many color and font options, unlimited slider widgets, label based different news blocks, tabbed widget area, 4 columns footer widgets area, right sidebar, web fonts, sticky sidebar, Font Awesome icons, background image support, related posts with thumbnails, social profile widget, share buttons, top navigation menu, scroll to top button and more.

Pure Gallery Blogger Template Features

  • 100% Responsive / Mobile Friendly
  • Search Engine Friendly
  • Many Colors and Font Options (Check Theme Designer)
  • Unlimited Slider Widgets
  • Recent Posts with Thumbnails
  • Unlimited Different Featured Posts Areas
  • Related Posts with Thumbnails
  • Different Layout Options for Posts and Pages (full width/left sidebar/right sidebar)
  • 4 Columns Footer Widgets Area
  • Full Width Not Found(404) Page
  • Top Multi-level Navigation Menus
  • Numbered Posts Navigation
  • Custom Post Navigation
  • Social Profiles Widget
  • Post Share Buttons
  • Facebook and Twitter Meta Data
  • Clean Page Layout (Check Layout Page)
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Pure Gallery Blogger Template Find this in "Edit HTML": 
<ul class='pgnav pg-nav-menu-dropdown'>

<li><a class='pg-active' expr:href='data:blog.homepageUrl'><i class='fa fa-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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Add a Slider Widget

Slider - Pure Gallery Blogger Template You can add unlimted number of Slider Widgets to your website. This slider widget automatically displays posts from a given label name. To add a slider to the top of the webpage, Go to "Layout" page. Click on the edit link of "Featured Posts Slider Widget" widget and add this code: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgfeaturedslider&max-results=10"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "10" with the number of posts you need to load in the slider. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgfeaturedslider&max-results=10"></script>
Using above code, you can add slider widgets into other areas of your website also.

How To Add a Post Style 1 Widget

Post Style 1 Widget - Pure Gallery Blogger Template You can add unlimted number of Post Style 1 Widgets to the top or bottom content area or to the sidebar. This widget automatically displays posts from a given label name. To add a Post Style 1 Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "6" with the number of posts you need to display inside widget. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Graphic Design?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Add a Post Style 2 Widget

Post Style 2 Widget - Pure Gallery Blogger Template You can add unlimted number of Post Style 2 Widgets to the top or bottom content area. This widget automatically displays posts from a given label name. To add a Post Style 2 Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "6" with the number of posts you need to display inside widget. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>

How To Add a Recent Posts Widget

Recent Posts Widget - Pure Gallery Blogger Template To add a Recent Posts Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget: 
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "6" with the number of posts you need to display inside widget. Example: 
<script src="https://pure-gallery-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Configure Numbered Posts Navigation

Posts Navigation - Pure Gallery Blogger Template Find this in "Edit HTML": 
var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
By default, page navigation has configured to display 6 posts per page. For example if you need to display 9 posts per page, change "perPage" value to 9. Now final code should be: 
var pageNaviConf = {
    perPage: 9,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
Note: Also set "Number of posts on main page" value to 9 through Blogger settings. Number of Posts on Main Page

How To Configure Social Buttons

Social Buttons - Pure Gallery Blogger Template Find this in "Edit HTML": 
<div class='widget pg-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>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><span class='screen-reader-text'>Instagram</span></a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><span class='screen-reader-text'>Youtube</span></a></li>
...
</ul>
</div>
Add your own social links replacing default social profile URLs. You can read more details of the theme using the documentation is given with the theme.

Pure Gallery Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Pure Gallery Blogger Template]]> https://newbloggerthemes.com/pure-gallery-blogger-template/feed/ 0 Tetris Blogger Template https://newbloggerthemes.com/tetris-blogger-template/ https://newbloggerthemes.com/tetris-blogger-template/#respond Mon, 21 Aug 2017 05:37:08 +0000 https://newbloggerthemes.com/?p=6414 Tetris Blogger Theme

Tetris Blogger theme is ideal for blogging or personal portfolios and it's a very clean and fast, SEO optimized theme. It is an unbloated theme for those looking for a speedy solution for their sites. Tetris Blogger Template is fully responsive and has color and font options, background image support, auto post summaries, related posts with thumbnails, social and share buttons, multi-level navigation menu, right sidebar, 3 columns footer widgets area and more.

Tetris Theme Features

  • 100% Responsive - working well on every device
  • Optimized for Search Engines
  • Background Image Support
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Multi-level Navigation Menu
  • Related Posts with Thumbnails
  • Automatic Posts Summaries
  • Header Social Buttons
  • Post Share Buttons
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 3 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='sf-menu' id='menu-mainnbt'>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

...

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Profile Widget

Social Buttons - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='clearfix' id='header-socialnbt'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://4.bp.blogspot.com/-bGQHBy37_wY/WZfRgi_TPqI/AAAAAAAASDo/BLU8FhPYRHcwY7aiRc0o0PNjO9cBA8xvwCLcBGAs/s1600/twitter.png'/></a></li>

<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://1.bp.blogspot.com/-7m9_i__cM_0/WZfRZPPhfbI/AAAAAAAASCQ/N6oeF3eO4JwfoSmy1YbeBa1Ha4olz5s4ACLcBGAs/s1600/facebook.png'/></a></li>

<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><img alt='Google Plus' src='https://1.bp.blogspot.com/-xs4-fC_77mI/WZfRZ9ffI8I/AAAAAAAASCc/Sn0p3UbwwtgbL7rmXiuPL518Mcx0xH6TwCLcBGAs/s1600/google.png'/></a></li>

<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><img alt='Instagram' src='https://2.bp.blogspot.com/-oc_Il_Ptecg/WZfRa2SJxDI/AAAAAAAASCo/ama0lOHeNRsbJnYencT0fQo56P3o-nZKwCLcBGAs/s1600/instagram.png'/></a></li>

...
</ul>
Add your own social links replacing default social profile URLs.

Tetris Blogger Template Responsive View

Responsive View - Tetris Blogger Template]]> Tetris Blogger Theme

Tetris Blogger theme is ideal for blogging or personal portfolios and it's a very clean and fast, SEO optimized theme. It is an unbloated theme for those looking for a speedy solution for their sites. Tetris Blogger Template is fully responsive and has color and font options, background image support, auto post summaries, related posts with thumbnails, social and share buttons, multi-level navigation menu, right sidebar, 3 columns footer widgets area and more.

Tetris Theme Features

  • 100% Responsive - working well on every device
  • Optimized for Search Engines
  • Background Image Support
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Multi-level Navigation Menu
  • Related Posts with Thumbnails
  • Automatic Posts Summaries
  • Header Social Buttons
  • Post Share Buttons
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 3 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='sf-menu' id='menu-mainnbt'>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

...

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Profile Widget

Social Buttons - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='clearfix' id='header-socialnbt'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://4.bp.blogspot.com/-bGQHBy37_wY/WZfRgi_TPqI/AAAAAAAASDo/BLU8FhPYRHcwY7aiRc0o0PNjO9cBA8xvwCLcBGAs/s1600/twitter.png'/></a></li>

<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://1.bp.blogspot.com/-7m9_i__cM_0/WZfRZPPhfbI/AAAAAAAASCQ/N6oeF3eO4JwfoSmy1YbeBa1Ha4olz5s4ACLcBGAs/s1600/facebook.png'/></a></li>

<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><img alt='Google Plus' src='https://1.bp.blogspot.com/-xs4-fC_77mI/WZfRZ9ffI8I/AAAAAAAASCc/Sn0p3UbwwtgbL7rmXiuPL518Mcx0xH6TwCLcBGAs/s1600/google.png'/></a></li>

<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><img alt='Instagram' src='https://2.bp.blogspot.com/-oc_Il_Ptecg/WZfRa2SJxDI/AAAAAAAASCo/ama0lOHeNRsbJnYencT0fQo56P3o-nZKwCLcBGAs/s1600/instagram.png'/></a></li>

...
</ul>
Add your own social links replacing default social profile URLs.

Tetris Blogger Template Responsive View

Responsive View - Tetris Blogger Template]]> https://newbloggerthemes.com/tetris-blogger-template/feed/ 0 Subtler Blogger Template https://newbloggerthemes.com/subtler-blogger-template/ https://newbloggerthemes.com/subtler-blogger-template/#respond Thu, 20 Jul 2017 03:19:36 +0000 https://newbloggerthemes.com/?p=6320 Subtler Blogger Theme

Subtler is 100% responsive, simple and elegant, free blogger theme for writers or photo blogs. Subtler Blogger template has a featured content slider, navigation menu, web fonts, auto post summaries, share buttons, related posts with thumbnails, right sidebar, 3 columns footer and more.

How To Change Header Image

Find this in "Edit HTML": 
https://1.bp.blogspot.com/-5-lvLeDQzYo/WW7gvbqrkyI/AAAAAAAARpU/D4ewboR1Q00nYQkE62iA8A_dHk3WiRMCACLcBGAs/s0/head.jpg
Replace it with your own header image URL.

How To Add Links to Navigation Menu

Go to "Layout". Click on "Edit" link of "Edit This Menu" widget. Now add your links to that link list widget. https://newbloggerthemes.com/blog/how-to-configure-linklist-menu-widget/

How To Configure Featured Content Slider:

Slider - Subtler Blogger Template There are 5 slides in the slider. You can add or remove more slides if you want. This is the code for the slide 1. Find it in "Edit HTML": 
<div class='subtler-featpost'>
    <h3> <a href='ENTER-SLIDE-1-LINK-HERE'>This is featured slide 1 title</a> </h3>
    <p>Nullam massa risus, tempor ut gravida id, viverra et purus. Vestibulum in urna nulla. Sed rutrum lectus et est iaculis ultricies. Sed lacinia, turpis eu posuere porta, tortor leo malesuada neque, non pretium elit mi in nibh. Integer pharetra justo ut turpis vestibulum mattis. Sed malesuada congue velit, a vulputate purus imperdiet id. Etiam ac [&amp;hellip;]</p>
    <a class='subtler-readmore' href='ENTER-SLIDE-1-LINK-HERE'>Read More</a>
</div>
Replace, "ENTER-SLIDE-1-LINK-HERE" with your real slide link, "This is featured slide 1 title" with your real slide title, "Nullam massa risus, tempor ut gravida id, viverra et purus. Vestibulum in urna nulla. Sed rutrum lectus et est iaculis ultricies. Sed lacinia, turpis eu posuere porta, tortor leo malesuada neque, non pretium elit mi in nibh. Integer pharetra justo ut turpis vestibulum mattis. Sed malesuada congue velit, a vulputate purus imperdiet id. Etiam ac [&amp;hellip;]" with your real slide description. Follow same steps for other 4 slides.

Subtler Blogger Template Responsive View

Responsive View - Subtler Blogger Template]]> Subtler Blogger Theme

Subtler is 100% responsive, simple and elegant, free blogger theme for writers or photo blogs. Subtler Blogger template has a featured content slider, navigation menu, web fonts, auto post summaries, share buttons, related posts with thumbnails, right sidebar, 3 columns footer and more.

How To Change Header Image

Find this in "Edit HTML": 
https://1.bp.blogspot.com/-5-lvLeDQzYo/WW7gvbqrkyI/AAAAAAAARpU/D4ewboR1Q00nYQkE62iA8A_dHk3WiRMCACLcBGAs/s0/head.jpg
Replace it with your own header image URL.

How To Add Links to Navigation Menu

Go to "Layout". Click on "Edit" link of "Edit This Menu" widget. Now add your links to that link list widget. https://newbloggerthemes.com/blog/how-to-configure-linklist-menu-widget/

How To Configure Featured Content Slider:

Slider - Subtler Blogger Template There are 5 slides in the slider. You can add or remove more slides if you want. This is the code for the slide 1. Find it in "Edit HTML": 
<div class='subtler-featpost'>
    <h3> <a href='ENTER-SLIDE-1-LINK-HERE'>This is featured slide 1 title</a> </h3>
    <p>Nullam massa risus, tempor ut gravida id, viverra et purus. Vestibulum in urna nulla. Sed rutrum lectus et est iaculis ultricies. Sed lacinia, turpis eu posuere porta, tortor leo malesuada neque, non pretium elit mi in nibh. Integer pharetra justo ut turpis vestibulum mattis. Sed malesuada congue velit, a vulputate purus imperdiet id. Etiam ac [&amp;hellip;]</p>
    <a class='subtler-readmore' href='ENTER-SLIDE-1-LINK-HERE'>Read More</a>
</div>
Replace, "ENTER-SLIDE-1-LINK-HERE" with your real slide link, "This is featured slide 1 title" with your real slide title, "Nullam massa risus, tempor ut gravida id, viverra et purus. Vestibulum in urna nulla. Sed rutrum lectus et est iaculis ultricies. Sed lacinia, turpis eu posuere porta, tortor leo malesuada neque, non pretium elit mi in nibh. Integer pharetra justo ut turpis vestibulum mattis. Sed malesuada congue velit, a vulputate purus imperdiet id. Etiam ac [&amp;hellip;]" with your real slide description. Follow same steps for other 4 slides.

Subtler Blogger Template Responsive View

Responsive View - Subtler Blogger Template]]> https://newbloggerthemes.com/subtler-blogger-template/feed/ 0 Undiscovered Blogger Template https://newbloggerthemes.com/undiscovered-blogger-template/ https://newbloggerthemes.com/undiscovered-blogger-template/#respond Fri, 02 Jun 2017 06:01:35 +0000 https://newbloggerthemes.com/?p=6209 Undiscovered Blogger Theme

Undiscovered is a simple and clean, single column, free blogger theme with fully responsive layout. Undiscovered Blogger Template has auto post summaries, 2 columns footer, related posts with thumbnails, social and share icons, scroll to top button, top navigation menu, Google fonts and more.

How To Configure Top Navigation Menu

Navigation Menu - Undiscovered Blogger Template Find this in "Edit HTML": 
<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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - Undiscovered Blogger Template Find this in "Edit HTML": 
<div class='social-iconsnbt'>
<a class='social-iconnbt' href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://3.bp.blogspot.com/-9FpKwKcXh-0/WTDQtpje41I/AAAAAAAARLU/pqhTHBD_BdsgAM6PrQ4DbA2-p11_OQwWgCLcB/s1600/social_facebook_circle.png'/></a>
<a class='social-iconnbt' href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://1.bp.blogspot.com/-pm8HUJEWKeU/WTDQwjioJ9I/AAAAAAAARMA/JFyPl9t57w42m_8HF_xaFxDG03i-lsWRgCLcB/s1600/social_twitter_circle.png'/></a>
<a class='social-iconnbt' href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><img alt='GooglePlus' src='https://4.bp.blogspot.com/-CIsoZp7_KuM/WTDQuIfuaQI/AAAAAAAARLc/8TzEhBXiaIMOB0ApbsWRjr_772yz8y3YQCLcB/s1600/social_googleplus_circle.png'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

Undiscovered Blogger Template Responsive View

Responsive View - Undiscovered Blogger Template]]> Undiscovered Blogger Theme

Undiscovered is a simple and clean, single column, free blogger theme with fully responsive layout. Undiscovered Blogger Template has auto post summaries, 2 columns footer, related posts with thumbnails, social and share icons, scroll to top button, top navigation menu, Google fonts and more.

How To Configure Top Navigation Menu

Navigation Menu - Undiscovered Blogger Template Find this in "Edit HTML": 
<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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - Undiscovered Blogger Template Find this in "Edit HTML": 
<div class='social-iconsnbt'>
<a class='social-iconnbt' href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://3.bp.blogspot.com/-9FpKwKcXh-0/WTDQtpje41I/AAAAAAAARLU/pqhTHBD_BdsgAM6PrQ4DbA2-p11_OQwWgCLcB/s1600/social_facebook_circle.png'/></a>
<a class='social-iconnbt' href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://1.bp.blogspot.com/-pm8HUJEWKeU/WTDQwjioJ9I/AAAAAAAARMA/JFyPl9t57w42m_8HF_xaFxDG03i-lsWRgCLcB/s1600/social_twitter_circle.png'/></a>
<a class='social-iconnbt' href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><img alt='GooglePlus' src='https://4.bp.blogspot.com/-CIsoZp7_KuM/WTDQuIfuaQI/AAAAAAAARLc/8TzEhBXiaIMOB0ApbsWRjr_772yz8y3YQCLcB/s1600/social_googleplus_circle.png'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

Undiscovered Blogger Template Responsive View

Responsive View - Undiscovered Blogger Template]]> https://newbloggerthemes.com/undiscovered-blogger-template/feed/ 0 Demi Blogger Template https://newbloggerthemes.com/premium-themes/demi-blogger-template/ https://newbloggerthemes.com/premium-themes/demi-blogger-template/#respond Wed, 19 Apr 2017 01:53:57 +0000 https://newbloggerthemes.com/?post_type=premiumnbt&p=6030 Demi Blogger Theme

Demi blogger template is a minimal classic theme with a timeless look. Demi is clean and adaptive grid-based layout for artists, fashion bloggers and photographers to showcase their content. This theme comes with "buy button" support, so it helps you to blog and sell stuffs or promote your products in a way that’s engaging, letting visitors enjoy your articles in a great way. You can customize your blog through the Theme Designer. Change font, color, and yes... You can even re-adjust its layout width.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Demi Blogger Template

Demi Template Features:

  • Various customization: re-adjust width, change font & color
  • Responsive layout
  • Retina ready
  • Custom Mobile Theme
  • Custom gadgets: Instagram (basic and carousel), Flickr and Social media
  • Clean Layout page (Page Elements)
  • Post metadata support
  • Perfectly calibrated typography
  • Buy button support
  • Custom share button
  • Built-in tweet-this-quote button
  • Extensive documentation

Demi Blogger Template Responsive View

Responsive View - Demi Blogger Template From responsive layout to fully Mobile Theme support, Demi blogger template will adapt to any screen besides delivering great readability.]]> Demi Blogger Theme

Demi blogger template is a minimal classic theme with a timeless look. Demi is clean and adaptive grid-based layout for artists, fashion bloggers and photographers to showcase their content. This theme comes with "buy button" support, so it helps you to blog and sell stuffs or promote your products in a way that’s engaging, letting visitors enjoy your articles in a great way. You can customize your blog through the Theme Designer. Change font, color, and yes... You can even re-adjust its layout width.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Demi Blogger Template

Demi Template Features:

  • Various customization: re-adjust width, change font & color
  • Responsive layout
  • Retina ready
  • Custom Mobile Theme
  • Custom gadgets: Instagram (basic and carousel), Flickr and Social media
  • Clean Layout page (Page Elements)
  • Post metadata support
  • Perfectly calibrated typography
  • Buy button support
  • Custom share button
  • Built-in tweet-this-quote button
  • Extensive documentation

Demi Blogger Template Responsive View

Responsive View - Demi Blogger Template From responsive layout to fully Mobile Theme support, Demi blogger template will adapt to any screen besides delivering great readability.]]> https://newbloggerthemes.com/premium-themes/demi-blogger-template/feed/ 0