New Blogger Themes | Professional Blogspot Templates 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 One-Blog Blogger Template https://newbloggerthemes.com/one-blog-blogger-template/ https://newbloggerthemes.com/one-blog-blogger-template/#respond Tue, 30 Sep 2025 05:16:26 +0000 https://newbloggerthemes.com/?p=4537 One-Blog Blogger Theme

One-Blog is an elegant, 100% responsive, 2 columns premium blogger theme for your blog. One-Blog Blogger Template is template designer compatible, so you can change fonts (about 100 fonts) and colors (unlimited colors) very quickly without having any knowledge about theme coding. This blogger template has a 4 columns footer widgets area, right sidebar, Google web fonts, unlimited colors, FontAwesome icon fonts, background image support, related posts with large thumbnails, social and sharing buttons, top navigation menu, auto post summaries and more.

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

Navigation Menu - One-Blog 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 - One-Blog Blogger Template Find this in "Edit HTML": 
<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>
Add your own social links replacing default social profile URLs.

How To Configure Featured Posts Slider

Slider - One-Blog Blogger Template This slider widget automatically displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Featured Posts Slider Widget" widget and add this code: 
<script>
loadFeaturedLabelPosts({
    label: "LABELNAME",
    numposts: 5,
    blogUrl: "https://YOURBLOGNAME.blogspot.com/",
});
</script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to load in the slider. Example: 
<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>
  1. Click Save.
  2. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

One-Blog Blogger Template Responsive View

Responsive View - One-Blog Blogger Template]]> One-Blog Blogger Theme

One-Blog is an elegant, 100% responsive, 2 columns premium blogger theme for your blog. One-Blog Blogger Template is template designer compatible, so you can change fonts (about 100 fonts) and colors (unlimited colors) very quickly without having any knowledge about theme coding. This blogger template has a 4 columns footer widgets area, right sidebar, Google web fonts, unlimited colors, FontAwesome icon fonts, background image support, related posts with large thumbnails, social and sharing buttons, top navigation menu, auto post summaries and more.

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

Navigation Menu - One-Blog 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 - One-Blog Blogger Template Find this in "Edit HTML": 
<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>
Add your own social links replacing default social profile URLs.

How To Configure Featured Posts Slider

Slider - One-Blog Blogger Template This slider widget automatically displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Featured Posts Slider Widget" widget and add this code: 
<script>
loadFeaturedLabelPosts({
    label: "LABELNAME",
    numposts: 5,
    blogUrl: "https://YOURBLOGNAME.blogspot.com/",
});
</script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to load in the slider. Example: 
<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>
  1. Click Save.
  2. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

One-Blog Blogger Template Responsive View

Responsive View - One-Blog Blogger Template]]> https://newbloggerthemes.com/one-blog-blogger-template/feed/ 0 Hoarder Blogger Template https://newbloggerthemes.com/hoarder-blogger-template/ https://newbloggerthemes.com/hoarder-blogger-template/#respond Thu, 18 Sep 2025 06:48:25 +0000 https://newbloggerthemes.com/?p=5548 Hoarder Blogger Theme

Hoarder is a clean, SEO friendly, Template Designer compatible, gallery style minimal blogger theme with a fully responsive layout. Hoarder Blogger Template has 2 columns, right sidebar, 4 columns footer, auto post summaries, unlimited colors, font options, FontAwesome icons, background image support, related posts with thumbnails, social and sharing buttons, top navigation menu and more.

How To Configure Top Navigation Menu

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

How To Configure Social Buttons

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

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>
  1. Click Save.
  2. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

Hoarder Blogger Template Responsive View

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

Hoarder is a clean, SEO friendly, Template Designer compatible, gallery style minimal blogger theme with a fully responsive layout. Hoarder Blogger Template has 2 columns, right sidebar, 4 columns footer, auto post summaries, unlimited colors, font options, FontAwesome icons, background image support, related posts with thumbnails, social and sharing buttons, top navigation menu and more.

How To Configure Top Navigation Menu

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

How To Configure Social Buttons

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

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>
  1. Click Save.
  2. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

Hoarder Blogger Template Responsive View

Responsive View - Hoarder Blogger Template]]> https://newbloggerthemes.com/hoarder-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 PowerMag Blogger Template https://newbloggerthemes.com/powermag-blogger-template/ https://newbloggerthemes.com/powermag-blogger-template/#comments Thu, 11 Jul 2024 09:59:58 +0000 https://newbloggerthemes.com/?p=6130 PowerMag Blogger Theme

PowerMag is a clean and elegant, template designer compatible, fully responsive, easy to use, SEO friendly magazine blogger theme. PowerMag Blogger Template has a featured posts slider, featured posts area, auto post summaries, right sidebar, 3 columns footer widgets area, colors and fonts options, background image support, related posts with thumbnails, social and share buttons, scroll to top, 2 navigation menus and more.

PowerMag Theme Features

  • 100% Responsive (Mobile Friendly)
  • Optimized for Search Engines
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Background Image Support
  • Related Posts with Thumbnails
  • Top Multi-level Navigation Menu
  • Category Based Featured Posts Slider
  • Category Based Featured Posts Areas
  • Beautiful Posts Summaries
  • Social Profile Buttons
  • Post Share Buttons
  • Numbered Page Navigation
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • Many More Features...

How To Configure Top Navigation Menu

Top Menu - PowerMag Blogger Template Find this in "Edit HTML": 
<ul class='nav-menunbt'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a></li>
<li><a href='#'>Downloads</a></li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a></li>
<li><a href='#'>Uncategorized</a></li>
</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - PowerMag Blogger Template Find this in "Edit HTML": 
<ul class='nav-socialnbt'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter-square fa-2x'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook-square fa-2x'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus-square fa-2x'/></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest-square fa-2x'/></a></li>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin-square fa-2x'/></a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram fa-2x'/></a></li>
<li><a href='https://www.flickr.com/' rel='nofollow' target='_blank' title='Flickr'><i class='fa fa-flickr fa-2x'/></a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube-square fa-2x'/></a></li>
<li><a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'><i class='fa fa-envelope-square fa-2x'/></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='RSS'><i class='fa fa-rss-square fa-2x'/></a></li>
</ul>
Add your own social links replacing default social profile URLs.

How To Configure Main Navigation Menu

Main Menu - PowerMag Blogger Template Find this in "Edit HTML": 
<ul class='navnbt nav-menu-dropdownnbt'>

<li><a 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 Configure Featured Posts Slider

Featured Posts Slider - PowerMag Blogger Template This slider automatically displays posts from a given category. To add your category name go to "Layout" page. Click on the edit link of "Featured Posts" widget. Add your category name like below and save the widget. Featured Posts Slider Configuration - PowerMag Blogger Template

How To Configure Featured Posts Areas

Featured Posts Areas - PowerMag Blogger Template When you go to the "Layout" page, you can see 6 featured posts areas. (There are 4 areas above the blog posts widget and 2 areas under the blog posts widget). Featured Posts Areas in Layout Page - PowerMag Blogger Template For each area there is a "HTML/JavaScript" widget. You need to add this code into these widgets to display featured posts based on categories: 
<div class="recent-post-title"><h2><a href="/search/label/Sports?max-results=10">Sports</a></h2></div>
<script src="/feeds/posts/default/-/Sports?orderby=updated&alt=json-in-script&callback=featuredlabelposts"></script>
Note: Remember to replace the word "Sports" with your category name.

How To Configure Numbered Page Navigation

Numbered Page Navigation - PowerMag Blogger Template Find this: 
var perPageNBT = 4,
    numPagesNBT = 6,
    firstTextNBT = "First",
    lastTextNBT = "Last",
    prevTextNBT = "&#171; Previous",
    nextTextNBT = "Next &#187;",
    urlactivepagenbt = location.href,
    home_pagenbt = "/";
By default, page navigation has configured to display 4 posts per page. For example if you need to display 6 posts per page, change "perPageNBT" value to 6. Now final code should be: 
var perPageNBT = 6,
    numPagesNBT = 6,
    firstTextNBT = "First",
    lastTextNBT = "Last",
    prevTextNBT = "&#171; Previous",
    nextTextNBT = "Next &#187;",
    urlactivepagenbt = location.href,
    home_pagenbt = "/";
Note: Also set "Number of posts on main page" value to 6 through Blogger settings. Number of posts on main page

PowerMag Blogger Template Responsive View

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

PowerMag is a clean and elegant, template designer compatible, fully responsive, easy to use, SEO friendly magazine blogger theme. PowerMag Blogger Template has a featured posts slider, featured posts area, auto post summaries, right sidebar, 3 columns footer widgets area, colors and fonts options, background image support, related posts with thumbnails, social and share buttons, scroll to top, 2 navigation menus and more.

PowerMag Theme Features

  • 100% Responsive (Mobile Friendly)
  • Optimized for Search Engines
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Background Image Support
  • Related Posts with Thumbnails
  • Top Multi-level Navigation Menu
  • Category Based Featured Posts Slider
  • Category Based Featured Posts Areas
  • Beautiful Posts Summaries
  • Social Profile Buttons
  • Post Share Buttons
  • Numbered Page Navigation
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • Many More Features...

How To Configure Top Navigation Menu

Top Menu - PowerMag Blogger Template Find this in "Edit HTML": 
<ul class='nav-menunbt'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a></li>
<li><a href='#'>Downloads</a></li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a></li>
<li><a href='#'>Uncategorized</a></li>
</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - PowerMag Blogger Template Find this in "Edit HTML": 
<ul class='nav-socialnbt'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter-square fa-2x'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook-square fa-2x'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus-square fa-2x'/></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest-square fa-2x'/></a></li>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin-square fa-2x'/></a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram fa-2x'/></a></li>
<li><a href='https://www.flickr.com/' rel='nofollow' target='_blank' title='Flickr'><i class='fa fa-flickr fa-2x'/></a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube-square fa-2x'/></a></li>
<li><a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'><i class='fa fa-envelope-square fa-2x'/></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='RSS'><i class='fa fa-rss-square fa-2x'/></a></li>
</ul>
Add your own social links replacing default social profile URLs.

How To Configure Main Navigation Menu

Main Menu - PowerMag Blogger Template Find this in "Edit HTML": 
<ul class='navnbt nav-menu-dropdownnbt'>

<li><a 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 Configure Featured Posts Slider

Featured Posts Slider - PowerMag Blogger Template This slider automatically displays posts from a given category. To add your category name go to "Layout" page. Click on the edit link of "Featured Posts" widget. Add your category name like below and save the widget. Featured Posts Slider Configuration - PowerMag Blogger Template

How To Configure Featured Posts Areas

Featured Posts Areas - PowerMag Blogger Template When you go to the "Layout" page, you can see 6 featured posts areas. (There are 4 areas above the blog posts widget and 2 areas under the blog posts widget). Featured Posts Areas in Layout Page - PowerMag Blogger Template For each area there is a "HTML/JavaScript" widget. You need to add this code into these widgets to display featured posts based on categories: 
<div class="recent-post-title"><h2><a href="/search/label/Sports?max-results=10">Sports</a></h2></div>
<script src="/feeds/posts/default/-/Sports?orderby=updated&alt=json-in-script&callback=featuredlabelposts"></script>
Note: Remember to replace the word "Sports" with your category name.

How To Configure Numbered Page Navigation

Numbered Page Navigation - PowerMag Blogger Template Find this: 
var perPageNBT = 4,
    numPagesNBT = 6,
    firstTextNBT = "First",
    lastTextNBT = "Last",
    prevTextNBT = "&#171; Previous",
    nextTextNBT = "Next &#187;",
    urlactivepagenbt = location.href,
    home_pagenbt = "/";
By default, page navigation has configured to display 4 posts per page. For example if you need to display 6 posts per page, change "perPageNBT" value to 6. Now final code should be: 
var perPageNBT = 6,
    numPagesNBT = 6,
    firstTextNBT = "First",
    lastTextNBT = "Last",
    prevTextNBT = "&#171; Previous",
    nextTextNBT = "Next &#187;",
    urlactivepagenbt = location.href,
    home_pagenbt = "/";
Note: Also set "Number of posts on main page" value to 6 through Blogger settings. Number of posts on main page

PowerMag Blogger Template Responsive View

Responsive View - PowerMag Blogger Template]]> https://newbloggerthemes.com/powermag-blogger-template/feed/ 2 ReadMag Blogger Template https://newbloggerthemes.com/readmag-blogger-template/ https://newbloggerthemes.com/readmag-blogger-template/#respond Thu, 11 Jul 2024 09:12:23 +0000 https://newbloggerthemes.com/?p=5961 ReadMag Blogger Theme

ReadMag is a clean and minimal, 100% responsive, SEO friendly and template designer compatible blogger theme for personal blog or writers. ReadMag Blogger Template has a 3 columns footer widgets area, colors and fonts options, background image support, SVG icons, related posts with thumbnails, social and share buttons, social profile widget, top navigation menu and more.

ReadMag Theme Features

  • 100% Responsive (Mobile Friendly)
  • Search Engine Optimized
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Background Image Support
  • Related Posts with Thumbnails
  • Top Multi-level Navigation Menu
  • Social Profiles Widget
  • Post Share Buttons
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - ReadMag Blogger Template Find this in "Edit HTML": 
<ul class='main-nav__items'>

<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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - ReadMag Blogger Template Find this in "Edit HTML": 
<div class='widget follow_me_widgetnbt'>
<h2>Follow Me</h2>            
<div class='widget__follow-me'>
<div class='widget__follow-me-icons'>
<a href='https://www.facebook.com/' target='_blank' title='Facebook'><svg><use xlink:href='#facebooknbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://twitter.com/' target='_blank' title='Twitter'><svg><use xlink:href='#twitternbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://plus.google.com/' target='_blank' title='Google Plus'><svg><use xlink:href='#googlenbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://pinterest.com' target='_blank' title='Pinterest'><svg><use xlink:href='#pinterestnbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://www.instagram.com/' target='_blank' title='Instagram'><svg><use xlink:href='#instagramnbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
</div>
</div>
</div>
Add your own social links replacing default social profile URLs.

ReadMag Blogger Template Responsive View

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

ReadMag is a clean and minimal, 100% responsive, SEO friendly and template designer compatible blogger theme for personal blog or writers. ReadMag Blogger Template has a 3 columns footer widgets area, colors and fonts options, background image support, SVG icons, related posts with thumbnails, social and share buttons, social profile widget, top navigation menu and more.

ReadMag Theme Features

  • 100% Responsive (Mobile Friendly)
  • Search Engine Optimized
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Background Image Support
  • Related Posts with Thumbnails
  • Top Multi-level Navigation Menu
  • Social Profiles Widget
  • Post Share Buttons
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - ReadMag Blogger Template Find this in "Edit HTML": 
<ul class='main-nav__items'>

<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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - ReadMag Blogger Template Find this in "Edit HTML": 
<div class='widget follow_me_widgetnbt'>
<h2>Follow Me</h2>            
<div class='widget__follow-me'>
<div class='widget__follow-me-icons'>
<a href='https://www.facebook.com/' target='_blank' title='Facebook'><svg><use xlink:href='#facebooknbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://twitter.com/' target='_blank' title='Twitter'><svg><use xlink:href='#twitternbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://plus.google.com/' target='_blank' title='Google Plus'><svg><use xlink:href='#googlenbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://pinterest.com' target='_blank' title='Pinterest'><svg><use xlink:href='#pinterestnbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
<a href='https://www.instagram.com/' target='_blank' title='Instagram'><svg><use xlink:href='#instagramnbt' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></a>
</div>
</div>
</div>
Add your own social links replacing default social profile URLs.

ReadMag Blogger Template Responsive View

Responsive View - ReadMag Blogger Template]]> https://newbloggerthemes.com/readmag-blogger-template/feed/ 0 Magazine Point Blogger Template https://newbloggerthemes.com/magazine-point-blogger-template/ https://newbloggerthemes.com/magazine-point-blogger-template/#respond Mon, 08 Jul 2024 14:46:17 +0000 https://newbloggerthemes.com/?p=6331 Magazine Point Blogger Theme

Magazine Point is a search engine optimized, template designer compatible, 100% responsive, multipurpose blogger theme that allows for easy viewing on any device. Magazine Point Blogger Template has color and font options, breaking news widget, featured posts grid and featured posts slider, different style news blocks, auto post summaries, related posts with thumbnails, 2 social buttons areas, post share options, multi-level navigation menu, 728x90 header banner widget, right sidebar, 4 columns footer widgets area, scroll-to-top button, web fonts and more. It is 100% Responsive: Check Mobile Friendly It has search engine friendly data: Check Structured Data

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

Breaking News - Magazine Point Blogger Template It displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Breaking News Widget" widget and add this code: 
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=breakingnewsbposts'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

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

How To Configure Top Navigation Menu

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

How To Configure the Slider

Slider - Magazine Point Blogger Template This slider automatically displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Slider Widget" widget and add this code: 
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=featuredsliderbposts'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

Top Featured Posts Area - Magazine Point Blogger Template This area automatically displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Top Featured Posts Widget" widget and add this code: 
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=featurednewsbposts'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

News Block 1 - Magazine Point Blogger Template News Block 1 displays posts from a given label name. Go to "Layout" page. Click on the edit link of "News Block 1 Widget" widget and add this code: 
<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>
Replace "WIDGET_TITLE" with a title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

News Block 2 - Magazine Point Blogger Template News Block 2 displays posts from a given label name. Go to "Layout" page. Click on the edit link of "News Block 2 Widget" widget and add this code: 
<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>
Replace "WIDGET_TITLE" with a title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

News Block 3 - Magazine Point Blogger Template News Block 3 displays posts from a given label name. Go to "Layout" page. Click on the edit link of "News Block 3 Widget" widget and add this code: 
<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>
Replace "WIDGET_TITLE" with a title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

Social Profile Widget - Magazine Point Blogger Template Find this in "Edit HTML": 
<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>
Add your own social links replacing default social profile URLs.

Magazine Point Blogger Template Responsive View

Responsive View - Magazine Point Blogger Template]]> Magazine Point Blogger Theme

Magazine Point is a search engine optimized, template designer compatible, 100% responsive, multipurpose blogger theme that allows for easy viewing on any device. Magazine Point Blogger Template has color and font options, breaking news widget, featured posts grid and featured posts slider, different style news blocks, auto post summaries, related posts with thumbnails, 2 social buttons areas, post share options, multi-level navigation menu, 728x90 header banner widget, right sidebar, 4 columns footer widgets area, scroll-to-top button, web fonts and more. It is 100% Responsive: Check Mobile Friendly It has search engine friendly data: Check Structured Data

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

Breaking News - Magazine Point Blogger Template It displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Breaking News Widget" widget and add this code: 
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=breakingnewsbposts'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

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

How To Configure Top Navigation Menu

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

How To Configure the Slider

Slider - Magazine Point Blogger Template This slider automatically displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Slider Widget" widget and add this code: 
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=featuredsliderbposts'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

Top Featured Posts Area - Magazine Point Blogger Template This area automatically displays posts from a given label name. Go to "Layout" page. Click on the edit link of "Top Featured Posts Widget" widget and add this code: 
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=featurednewsbposts'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

News Block 1 - Magazine Point Blogger Template News Block 1 displays posts from a given label name. Go to "Layout" page. Click on the edit link of "News Block 1 Widget" widget and add this code: 
<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>
Replace "WIDGET_TITLE" with a title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

News Block 2 - Magazine Point Blogger Template News Block 2 displays posts from a given label name. Go to "Layout" page. Click on the edit link of "News Block 2 Widget" widget and add this code: 
<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>
Replace "WIDGET_TITLE" with a title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

News Block 3 - Magazine Point Blogger Template News Block 3 displays posts from a given label name. Go to "Layout" page. Click on the edit link of "News Block 3 Widget" widget and add this code: 
<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>
Replace "WIDGET_TITLE" with a title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Example: 
<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

Social Profile Widget - Magazine Point Blogger Template Find this in "Edit HTML": 
<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>
Add your own social links replacing default social profile URLs.

Magazine Point Blogger Template Responsive View

Responsive View - Magazine Point Blogger Template]]> https://newbloggerthemes.com/magazine-point-blogger-template/feed/ 0 PowerWP Blogger Template https://newbloggerthemes.com/powerwp-blogger-template/ https://newbloggerthemes.com/powerwp-blogger-template/#respond Mon, 08 Jul 2024 12:14:14 +0000 https://newbloggerthemes.com/?p=7026 PowerWP Blogger Theme

PowerWP is 100% responsive, 3 columns blogger template for blogs, news and magazine Websites. PowerWP Blogger template has many color and font options (Theme Designer compatible), 5 featured posts widgets, social widget, about me widget, left and right sidebars, 4 columns footer widgets area, Google fonts, background image support, related posts with thumbnails, social and share buttons, top navigation menu, scroll-to-top button and more.

How To Configure Top Navigation Menu

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

How To Add Featured Posts Widgets

There are 5 featured posts widgets. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Find this in "Edit HTML": 
<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>
Add your own social links replacing default social profile URLs.

PowerWP Blogger Template Responsive View

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

PowerWP is 100% responsive, 3 columns blogger template for blogs, news and magazine Websites. PowerWP Blogger template has many color and font options (Theme Designer compatible), 5 featured posts widgets, social widget, about me widget, left and right sidebars, 4 columns footer widgets area, Google fonts, background image support, related posts with thumbnails, social and share buttons, top navigation menu, scroll-to-top button and more.

How To Configure Top Navigation Menu

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

How To Add Featured Posts Widgets

There are 5 featured posts widgets. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Find this in "Edit HTML": 
<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>
Add your own social links replacing default social profile URLs.

PowerWP Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - PowerWP Blogger Template]]> https://newbloggerthemes.com/powerwp-blogger-template/feed/ 0 Olsen Light Blogger Template https://newbloggerthemes.com/olsen-light-blogger-template/ https://newbloggerthemes.com/olsen-light-blogger-template/#comments Mon, 08 Jul 2024 05:23:48 +0000 https://newbloggerthemes.com/?p=4064 Olsen Light Blogger Theme

Olsen Light is a clean and elegant, fully responsive, search engine optimized, minimal, 2 columns blogging theme for fashion blogs or other. It is template designer compatible, which means you can change fonts (many beautiful fonts) and colors (unlimited colors) very easily without having any knowledge about coding. Olsen Light blogger template has a footer widgets section, right sidebar, web fonts, unlimited colors, icon fonts, background image support, related posts with thumbnails, clean social buttons, sharing buttons, top and bottom navigation menus, auto post summaries on homepage, custom about me widget, scroll to top button and more. [purchase_link id="4077" text="Purchase - Olsen Light Blogger Template" style="button" color="blue"] It is 100% Responsive: Check Mobile Friendly It has search engine friendly data: Check SEO Friendly

How To Configure Top Navigation Menu

Top Navigation Menu - Olsen Light Blogger Template Find this in "Edit HTML": 
<ul class='navigationnbt'>

<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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - Olsen Light Blogger Template Find this in "Edit HTML": 
<ul class='socialsnbt'>
<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>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube-square'/></a></li>
<li><a href='https://www.tumblr.com/' rel='nofollow' target='_blank' title='Tumblr'><i class='fa fa-tumblr'/></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='RSS'><i class='fa fa-rss'/></a></li>
</ul>
Note: You will find above code twice. (for top and bottom social icons) Add your own social links replacing default social profile URLs.

How To Configure About Me Widget

About Me Widget - Olsen Light Blogger Template Find this in "Edit HTML": 
<div class='widget widget_aboutmenbt'>
<h2>ABOUT ME</h2>
<div class='widget_aboutnbt groupnbt'>
<p><img class='img-round' src='https://4.bp.blogspot.com/-dIhDjSCy3Mc/VtjmVsqFXZI/AAAAAAAARQc/mBO8jevj1-4/s1600/aboutme-image.jpg'/></p>
<p>Wes Anderson banjo you probably haven&#8217;t deep v kale chips Kickstarter viral. Swag meggings disrupt. Meditation flexitarian authentic organic, you probably haven&#8217;t heard of them taxidermy.</p>
<p class='widget_about_sig'>XOXO <img height='36' src='https://3.bp.blogspot.com/-HtYKZvf6N9I/VtjmVjIhfwI/AAAAAAAARQg/4z4g7W85Hfc/s1600/about_me_signature.png' width='170'/></p>
</div>
</div>
Replace "https://4.bp.blogspot.com/-dIhDjSCy3Mc/VtjmVsqFXZI/AAAAAAAARQc/mBO8jevj1-4/s1600/aboutme-image.jpg" with your own image address. Replace "https://3.bp.blogspot.com/-HtYKZvf6N9I/VtjmVjIhfwI/AAAAAAAARQg/4z4g7W85Hfc/s1600/about_me_signature.png" with your signature image address. Also replace the description of the about me widget.

How To Configure Social Me WIdget

Sidebar Social Widget - Olsen Light Blogger Template Find this code: 
<div class='widget widget_socialsnbt'>
<h2>SOCIAL ME</h2>
<ul class='socialsnbt'>
<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>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a></li>
...
</ul>
</div>
Add your own social links replacing current social profile URLs.

How To Add Links to Bottom Navigation Menu

Bottom Navigation Menu - Olsen Light Blogger Template Go to "Layout". Click on "Edit" link of "Edit This Menu" widget. Read more: https://newbloggerthemes.com/blog/how-to-configure-linklist-menu-widget/ Now add your links to that link list widget.

Olsen Light Blogger Template Responsive View

Responsive View - Olsen Light Blogger Template]]> Olsen Light Blogger Theme

Olsen Light is a clean and elegant, fully responsive, search engine optimized, minimal, 2 columns blogging theme for fashion blogs or other. It is template designer compatible, which means you can change fonts (many beautiful fonts) and colors (unlimited colors) very easily without having any knowledge about coding. Olsen Light blogger template has a footer widgets section, right sidebar, web fonts, unlimited colors, icon fonts, background image support, related posts with thumbnails, clean social buttons, sharing buttons, top and bottom navigation menus, auto post summaries on homepage, custom about me widget, scroll to top button and more. [purchase_link id="4077" text="Purchase - Olsen Light Blogger Template" style="button" color="blue"] It is 100% Responsive: Check Mobile Friendly It has search engine friendly data: Check SEO Friendly

How To Configure Top Navigation Menu

Top Navigation Menu - Olsen Light Blogger Template Find this in "Edit HTML": 
<ul class='navigationnbt'>

<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>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Social Buttons - Olsen Light Blogger Template Find this in "Edit HTML": 
<ul class='socialsnbt'>
<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>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube-square'/></a></li>
<li><a href='https://www.tumblr.com/' rel='nofollow' target='_blank' title='Tumblr'><i class='fa fa-tumblr'/></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='RSS'><i class='fa fa-rss'/></a></li>
</ul>
Note: You will find above code twice. (for top and bottom social icons) Add your own social links replacing default social profile URLs.

How To Configure About Me Widget

About Me Widget - Olsen Light Blogger Template Find this in "Edit HTML": 
<div class='widget widget_aboutmenbt'>
<h2>ABOUT ME</h2>
<div class='widget_aboutnbt groupnbt'>
<p><img class='img-round' src='https://4.bp.blogspot.com/-dIhDjSCy3Mc/VtjmVsqFXZI/AAAAAAAARQc/mBO8jevj1-4/s1600/aboutme-image.jpg'/></p>
<p>Wes Anderson banjo you probably haven&#8217;t deep v kale chips Kickstarter viral. Swag meggings disrupt. Meditation flexitarian authentic organic, you probably haven&#8217;t heard of them taxidermy.</p>
<p class='widget_about_sig'>XOXO <img height='36' src='https://3.bp.blogspot.com/-HtYKZvf6N9I/VtjmVjIhfwI/AAAAAAAARQg/4z4g7W85Hfc/s1600/about_me_signature.png' width='170'/></p>
</div>
</div>
Replace "https://4.bp.blogspot.com/-dIhDjSCy3Mc/VtjmVsqFXZI/AAAAAAAARQc/mBO8jevj1-4/s1600/aboutme-image.jpg" with your own image address. Replace "https://3.bp.blogspot.com/-HtYKZvf6N9I/VtjmVjIhfwI/AAAAAAAARQg/4z4g7W85Hfc/s1600/about_me_signature.png" with your signature image address. Also replace the description of the about me widget.

How To Configure Social Me WIdget

Sidebar Social Widget - Olsen Light Blogger Template Find this code: 
<div class='widget widget_socialsnbt'>
<h2>SOCIAL ME</h2>
<ul class='socialsnbt'>
<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>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a></li>
...
</ul>
</div>
Add your own social links replacing current social profile URLs.

How To Add Links to Bottom Navigation Menu

Bottom Navigation Menu - Olsen Light Blogger Template Go to "Layout". Click on "Edit" link of "Edit This Menu" widget. Read more: https://newbloggerthemes.com/blog/how-to-configure-linklist-menu-widget/ Now add your links to that link list widget.

Olsen Light Blogger Template Responsive View

Responsive View - Olsen Light Blogger Template]]> https://newbloggerthemes.com/olsen-light-blogger-template/feed/ 7