Fixed width | 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 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 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 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 Classic Chalkboard Blogger Template https://newbloggerthemes.com/classic-chalkboard-blogger-template/ https://newbloggerthemes.com/classic-chalkboard-blogger-template/#comments Thu, 25 May 2017 06:00:31 +0000 https://newbloggerthemes.com/?p=810 Classic Chalkboard Blogger Theme

Classic Chalkboard Blogger Template is Responsive, Classic School Blogger Template. Classic Chalkboard has 1 Sidebar, 2 Columns, Rounded corners with Minimalist, Black Color Layout. Note: This theme has been updated to the Blogger Template version 2 fixing issues of first version.

How To Configure Top Navigation Menu

Dropdown Menu - Classic Chalkboard Blogger Template Find this in "Edit HTML": 
<div class='menunbt'>
<ul>
<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>

<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>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<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>

<li><a href='#'>Featured</a></li>
</ul>
</div>
Replace "#" marks with real URLs and change anchor texts as you like. Classic Chalkboard blogger template is displaying well in desktop computers, tablets and mobile phones. This is the responsive view of Classic Chalkboard theme: Responsive Classic Chalkboard Blogger Template]]> Classic Chalkboard Blogger Theme

Classic Chalkboard Blogger Template is Responsive, Classic School Blogger Template. Classic Chalkboard has 1 Sidebar, 2 Columns, Rounded corners with Minimalist, Black Color Layout. Note: This theme has been updated to the Blogger Template version 2 fixing issues of first version.

How To Configure Top Navigation Menu

Dropdown Menu - Classic Chalkboard Blogger Template Find this in "Edit HTML": 
<div class='menunbt'>
<ul>
<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>

<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>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<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>

<li><a href='#'>Featured</a></li>
</ul>
</div>
Replace "#" marks with real URLs and change anchor texts as you like. Classic Chalkboard blogger template is displaying well in desktop computers, tablets and mobile phones. This is the responsive view of Classic Chalkboard theme: Responsive Classic Chalkboard Blogger Template]]> https://newbloggerthemes.com/classic-chalkboard-blogger-template/feed/ 12 ArtemisMag Blogger Template https://newbloggerthemes.com/artemismag-blogger-template/ https://newbloggerthemes.com/artemismag-blogger-template/#respond Sun, 30 Apr 2017 12:11:50 +0000 https://newbloggerthemes.com/?p=6112 ArtemisMag Blogger Theme

ArtemisMag is a minimal, 2 columns business blogger theme with a right sidebar and 4 columns footer widgets area. ArtemisMag Blogger template has a featured content slider, top navigation menu, auto post summaries, social and post share buttons, Google fonts, related posts with thumbnails and more.

How To Add Links to Top Navigation Menu

Navigation Menu - ArtemisMag Blogger Template Find this in "Edit HTML": 
<ul id='menu-primary-itemsnbt'>

<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 Featured Content Slider:

Slider - ArtemisMag Blogger Template There are 3 slides in the slider. You can add or remove more slides if you want. This is the code for the first slide. Find it in "Edit HTML": 
<!-- Slide 1 Code Start -->
<li>
<a href='ENTER-SLIDE-1-URL-HERE'><img src='https://2.bp.blogspot.com/-uX9N7RpMJMk/WQMdaqJ-vmI/AAAAAAAAQ1k/ep4bw24dNFImAYCKkfRFDff-BTDVkM4dACLcB/s1600/slide-1.jpg'/></a>
<div class='flex-caption'>
<h3 class='flex-title'><a href='ENTER-SLIDE-1-URL-HERE'>Featured Slide 1 Title</a></h3>
<p>Go to edit html of your blogger blog and find these sentences. Now replace these sentences with your own descriptions. This is a blogger template by NewBloggerThemes.com...</p>
<a class='slider-more' href='ENTER-SLIDE-1-URL-HERE'>Read More</a>
</div>
</li>
<!-- Slide 1 Code End -->
Now replace, "ENTER-SLIDE-1-URL-HERE"s with your real slide link, "Featured Slide 1 Title" with your real slide title, "Go to edit html of your blogger blog and find these sentences. Now replace these sentences with your own descriptions. This is a blogger template by NewBloggerThemes.com..." with your real slide description, "https://2.bp.blogspot.com/-uX9N7RpMJMk/WQMdaqJ-vmI/AAAAAAAAQ1k/ep4bw24dNFImAYCKkfRFDff-BTDVkM4dACLcB/s1600/slide-1.jpg" with your own slider image address. Follow same steps for other 2 slides.

How To Configure Social Buttons

Social Buttons - ArtemisMag Blogger Template Find this in "Edit HTML": 
<ul id='socialnbt'>
<li><a href='https://www.facebook.com/' id='facebooknbt' rel='nofollow' target='_blank' title='Facebook'/></li>
<li><a href='https://twitter.com/' id='twitternbt' rel='nofollow' target='_blank' title='Twitter'/></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rssnbt' rel='nofollow' target='_blank' title='RSS'/></li>
<li><a href='https://www.youtube.com/' id='youtubenbt' rel='nofollow' target='_blank' title='Youtube Channel'/></li>
<li><a href='https://www.linkedin.com/' id='linkedinnbt' rel='nofollow' target='_blank' title='Linkedin'/></li>
<li><a href='https://www.pinterest.com/' id='pinterestnbt' rel='nofollow' target='_blank' title='Pinterest'/></li>
</ul>
Add your own social links replacing default social profile URLs.]]> ArtemisMag Blogger Theme

ArtemisMag is a minimal, 2 columns business blogger theme with a right sidebar and 4 columns footer widgets area. ArtemisMag Blogger template has a featured content slider, top navigation menu, auto post summaries, social and post share buttons, Google fonts, related posts with thumbnails and more.

How To Add Links to Top Navigation Menu

Navigation Menu - ArtemisMag Blogger Template Find this in "Edit HTML": 
<ul id='menu-primary-itemsnbt'>

<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 Featured Content Slider:

Slider - ArtemisMag Blogger Template There are 3 slides in the slider. You can add or remove more slides if you want. This is the code for the first slide. Find it in "Edit HTML": 
<!-- Slide 1 Code Start -->
<li>
<a href='ENTER-SLIDE-1-URL-HERE'><img src='https://2.bp.blogspot.com/-uX9N7RpMJMk/WQMdaqJ-vmI/AAAAAAAAQ1k/ep4bw24dNFImAYCKkfRFDff-BTDVkM4dACLcB/s1600/slide-1.jpg'/></a>
<div class='flex-caption'>
<h3 class='flex-title'><a href='ENTER-SLIDE-1-URL-HERE'>Featured Slide 1 Title</a></h3>
<p>Go to edit html of your blogger blog and find these sentences. Now replace these sentences with your own descriptions. This is a blogger template by NewBloggerThemes.com...</p>
<a class='slider-more' href='ENTER-SLIDE-1-URL-HERE'>Read More</a>
</div>
</li>
<!-- Slide 1 Code End -->
Now replace, "ENTER-SLIDE-1-URL-HERE"s with your real slide link, "Featured Slide 1 Title" with your real slide title, "Go to edit html of your blogger blog and find these sentences. Now replace these sentences with your own descriptions. This is a blogger template by NewBloggerThemes.com..." with your real slide description, "https://2.bp.blogspot.com/-uX9N7RpMJMk/WQMdaqJ-vmI/AAAAAAAAQ1k/ep4bw24dNFImAYCKkfRFDff-BTDVkM4dACLcB/s1600/slide-1.jpg" with your own slider image address. Follow same steps for other 2 slides.

How To Configure Social Buttons

Social Buttons - ArtemisMag Blogger Template Find this in "Edit HTML": 
<ul id='socialnbt'>
<li><a href='https://www.facebook.com/' id='facebooknbt' rel='nofollow' target='_blank' title='Facebook'/></li>
<li><a href='https://twitter.com/' id='twitternbt' rel='nofollow' target='_blank' title='Twitter'/></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rssnbt' rel='nofollow' target='_blank' title='RSS'/></li>
<li><a href='https://www.youtube.com/' id='youtubenbt' rel='nofollow' target='_blank' title='Youtube Channel'/></li>
<li><a href='https://www.linkedin.com/' id='linkedinnbt' rel='nofollow' target='_blank' title='Linkedin'/></li>
<li><a href='https://www.pinterest.com/' id='pinterestnbt' rel='nofollow' target='_blank' title='Pinterest'/></li>
</ul>
Add your own social links replacing default social profile URLs.]]> https://newbloggerthemes.com/artemismag-blogger-template/feed/ 0 Sorbet Blogger Template https://newbloggerthemes.com/sorbet-blogger-template/ https://newbloggerthemes.com/sorbet-blogger-template/#comments Mon, 06 Mar 2017 05:20:37 +0000 https://newbloggerthemes.com/?p=923 Sorbet Blogger Theme

Sorbet is a delicious theme for your blog or website. Sorbet Blogger template has a mobile-friendly design looks great on any device, while navigation menu, search box, social links, and widgets are tucked neatly away in the header for easy access that doesn't crowd your content. If you're seeking a fun new look for your site, you’ll enjoy a taste of Sorbet. It is 100% Mobile Friendly: Check Mobile Friendly It has search engine friendly data: Check Structured Data Sorbet Blogger template also includes a 3 columns optional widget area located behind a gear icon in the header. 3 Columns Widget Area in Header You can use search icon to display search box of the site. Search Box

How To Add Links to Top Navigation Menu

Top Navigation Menu Find this in "Edit HTML": 
<div class='bwraptopmenu'>
<ul>
<li class='current_page_item'><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>

<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>

...

<li><a href='#'>Uncategorized</a></li>
</ul>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Add Links to Bottom Navigation Menu

Bottom Navigation Menu Go to "Layout". Click on "Edit" link of "Edit This Menu" widget. Now add your links to that link list widget.

How To Configure Social Buttons

Social Buttons Find this in "Edit HTML": 
<div class='bwrapsocial-links'>
<ul class='socialbmenu' id='menu-social-links'>
<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.flickr.com/' rel='nofollow' target='_blank' title='Flickr'><span class='screen-reader-text'>Flickr</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>
<li><a href='https://vimeo.com/' rel='nofollow' target='_blank' title='Vimeo'><span class='screen-reader-text'>Vimeo</span></a></li>
<li><a href='https://github.com/' rel='nofollow' target='_blank' title='Github'><span class='screen-reader-text'>Github</span></a></li>
<li><a href='https://www.tumblr.com/' rel='nofollow' target='_blank' title='Tumblr'><span class='screen-reader-text'>Tumblr</span></a></li>
<li><a href='https://dribbble.com/' rel='nofollow' target='_blank' title='Dribbble'><span class='screen-reader-text'>Dribbble</span></a></li>
<li><a href='skype:profile_name?chat' rel='nofollow' target='_blank' title='Skype'><span class='screen-reader-text'>Skype</span></a></li>
<li><a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'><span class='screen-reader-text'>Contact</span></a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='RSS'><span class='screen-reader-text'>RSS</span></a></li>
</ul>
</div>
Add your own social links replacing current social links.

Responsive View / Mobile Friendly View

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

Sorbet is a delicious theme for your blog or website. Sorbet Blogger template has a mobile-friendly design looks great on any device, while navigation menu, search box, social links, and widgets are tucked neatly away in the header for easy access that doesn't crowd your content. If you're seeking a fun new look for your site, you’ll enjoy a taste of Sorbet. It is 100% Mobile Friendly: Check Mobile Friendly It has search engine friendly data: Check Structured Data Sorbet Blogger template also includes a 3 columns optional widget area located behind a gear icon in the header. 3 Columns Widget Area in Header You can use search icon to display search box of the site. Search Box

How To Add Links to Top Navigation Menu

Top Navigation Menu Find this in "Edit HTML": 
<div class='bwraptopmenu'>
<ul>
<li class='current_page_item'><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>

<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>

...

<li><a href='#'>Uncategorized</a></li>
</ul>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Add Links to Bottom Navigation Menu

Bottom Navigation Menu Go to "Layout". Click on "Edit" link of "Edit This Menu" widget. Now add your links to that link list widget.

How To Configure Social Buttons

Social Buttons Find this in "Edit HTML": 
<div class='bwrapsocial-links'>
<ul class='socialbmenu' id='menu-social-links'>
<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.flickr.com/' rel='nofollow' target='_blank' title='Flickr'><span class='screen-reader-text'>Flickr</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>
<li><a href='https://vimeo.com/' rel='nofollow' target='_blank' title='Vimeo'><span class='screen-reader-text'>Vimeo</span></a></li>
<li><a href='https://github.com/' rel='nofollow' target='_blank' title='Github'><span class='screen-reader-text'>Github</span></a></li>
<li><a href='https://www.tumblr.com/' rel='nofollow' target='_blank' title='Tumblr'><span class='screen-reader-text'>Tumblr</span></a></li>
<li><a href='https://dribbble.com/' rel='nofollow' target='_blank' title='Dribbble'><span class='screen-reader-text'>Dribbble</span></a></li>
<li><a href='skype:profile_name?chat' rel='nofollow' target='_blank' title='Skype'><span class='screen-reader-text'>Skype</span></a></li>
<li><a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'><span class='screen-reader-text'>Contact</span></a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='RSS'><span class='screen-reader-text'>RSS</span></a></li>
</ul>
</div>
Add your own social links replacing current social links.

Responsive View / Mobile Friendly View

Responsive View - Sorbet Blogger Template]]> https://newbloggerthemes.com/sorbet-blogger-template/feed/ 93 GoodMag Blogger Template https://newbloggerthemes.com/goodmag-blogger-template/ https://newbloggerthemes.com/goodmag-blogger-template/#respond Sun, 05 Mar 2017 04:42:34 +0000 https://newbloggerthemes.com/?p=5767 GoodMag Blogger Theme

GoodMag is a fully responsive, 2 columns blogger theme with a right sidebar and 3 columns footer widgets area. GoodMag Blogger template has a featured post slider, primary and secondary menus, auto post summaries, web fonts, social icons and post share options, header widget section, related posts with thumbnails and more.

How To Configure Primary Navigation Menu

Primary Menu - GoodMag Blogger Template 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='#'>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>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Secondary Navigation Menu

Secondary Menu - GoodMag Blogger Template Find this in "Edit HTML": 
<div class='menu-secondary-container'>
<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>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

Slider - GoodMag Blogger Template 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/-W7UFB3Vnpmk/WLrcxL5ameI/AAAAAAAAQTg/ZfNXwOak5ZMZ-TCxDnHEk2h4olUHdq1ewCLcB/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 Lasantha Bandara - Premiumbloggertemplates.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"s 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 Lasantha Bandara - Premiumbloggertemplates.com." with your description. "https://3.bp.blogspot.com/-W7UFB3Vnpmk/WLrcxL5ameI/AAAAAAAAQTg/ZfNXwOak5ZMZ-TCxDnHEk2h4olUHdq1ewCLcB/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

GoodMag Blogger Template Responsive View

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

GoodMag is a fully responsive, 2 columns blogger theme with a right sidebar and 3 columns footer widgets area. GoodMag Blogger template has a featured post slider, primary and secondary menus, auto post summaries, web fonts, social icons and post share options, header widget section, related posts with thumbnails and more.

How To Configure Primary Navigation Menu

Primary Menu - GoodMag Blogger Template 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='#'>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>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Secondary Navigation Menu

Secondary Menu - GoodMag Blogger Template Find this in "Edit HTML": 
<div class='menu-secondary-container'>
<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>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

Slider - GoodMag Blogger Template 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/-W7UFB3Vnpmk/WLrcxL5ameI/AAAAAAAAQTg/ZfNXwOak5ZMZ-TCxDnHEk2h4olUHdq1ewCLcB/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 Lasantha Bandara - Premiumbloggertemplates.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"s 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 Lasantha Bandara - Premiumbloggertemplates.com." with your description. "https://3.bp.blogspot.com/-W7UFB3Vnpmk/WLrcxL5ameI/AAAAAAAAQTg/ZfNXwOak5ZMZ-TCxDnHEk2h4olUHdq1ewCLcB/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

GoodMag Blogger Template Responsive View

Responsive View - GoodMag Blogger Template]]> https://newbloggerthemes.com/goodmag-blogger-template/feed/ 0 Frontier Blogger Template https://newbloggerthemes.com/frontier-blogger-template/ https://newbloggerthemes.com/frontier-blogger-template/#comments Sun, 26 Feb 2017 05:30:03 +0000 https://newbloggerthemes.com/?p=3561 Frontier Blogger Theme

Frontier is a fully responsive, multi-purpose, elegant looking, HTML5/CSS3 Blogger theme. This theme's responsive design makes it compatible with a wide variety of devices and screen resolutions. Frontier Blogger template has a right sidebar, 3 columns footer widgets section, related posts with thumbnails, social buttons, 2 navigation menus, auto post summaries on homepage, web fonts and more.

How To Add Links to Top Navigation Menu

Top Menu - Frontier Blogger Template 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 Change Header Logo

Find this image address in "Edit HTML" and replace it your logo image address: 
http://1.bp.blogspot.com/-YT4tpZBSUGI/VlmrcpJpOPI/AAAAAAAAOP0/HWwqQm9iA4w/s1600/logo.png

How To Configure Main Drop-down Menu

Primary Menu - Frontier Blogger Template Find this in "Edit HTML": 
<ul class='nav-mainnbt' id='menu-nbt-menu'>

<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 Featured Content Slider:

Slider - Frontier 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 first slide: 
<!-- slide 1 code start -->
<li>
	<a href='ENTER_SLIDE_1_LINK_HERE'>
		<img class='slider-element' src='http://1.bp.blogspot.com/-X4m05ySscnA/Vlks1pixfaI/AAAAAAAAOKQ/_nDhjfojHzY/s1600/slide-1.jpg'/>
		<h4 class='slider-element'>Enter Slide 1 Title Here</h4>
		<p class='slider-element'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>
	</a>
</li>
<!-- slide 1 code end -->
Now replace, "ENTER_SLIDE_1_LINK_HERE"s with your real slide link, "Enter Slide 1 Title Here" with your real slide title, "This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description, "http://1.bp.blogspot.com/-X4m05ySscnA/Vlks1pixfaI/AAAAAAAAOKQ/_nDhjfojHzY/s1600/slide-1.jpg" with your slide image URL. Follow the same procedure to configure other 4 slides.

How To Configure Social Buttons

Social Buttons - Frontier Blogger Template Find this in "Edit HTML": 
<div class='widget social-buttonsnbt'>
	<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/></a>
	<a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
	<a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
	<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
	<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
	<a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>
	<a href='http://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
	<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss'/></a>
</div>
Add your own social links replacing default social profile URLs.

Frontier Blogger Template Responsive View

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

Frontier is a fully responsive, multi-purpose, elegant looking, HTML5/CSS3 Blogger theme. This theme's responsive design makes it compatible with a wide variety of devices and screen resolutions. Frontier Blogger template has a right sidebar, 3 columns footer widgets section, related posts with thumbnails, social buttons, 2 navigation menus, auto post summaries on homepage, web fonts and more.

How To Add Links to Top Navigation Menu

Top Menu - Frontier Blogger Template 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 Change Header Logo

Find this image address in "Edit HTML" and replace it your logo image address: 
http://1.bp.blogspot.com/-YT4tpZBSUGI/VlmrcpJpOPI/AAAAAAAAOP0/HWwqQm9iA4w/s1600/logo.png

How To Configure Main Drop-down Menu

Primary Menu - Frontier Blogger Template Find this in "Edit HTML": 
<ul class='nav-mainnbt' id='menu-nbt-menu'>

<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 Featured Content Slider:

Slider - Frontier 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 first slide: 
<!-- slide 1 code start -->
<li>
	<a href='ENTER_SLIDE_1_LINK_HERE'>
		<img class='slider-element' src='http://1.bp.blogspot.com/-X4m05ySscnA/Vlks1pixfaI/AAAAAAAAOKQ/_nDhjfojHzY/s1600/slide-1.jpg'/>
		<h4 class='slider-element'>Enter Slide 1 Title Here</h4>
		<p class='slider-element'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>
	</a>
</li>
<!-- slide 1 code end -->
Now replace, "ENTER_SLIDE_1_LINK_HERE"s with your real slide link, "Enter Slide 1 Title Here" with your real slide title, "This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description, "http://1.bp.blogspot.com/-X4m05ySscnA/Vlks1pixfaI/AAAAAAAAOKQ/_nDhjfojHzY/s1600/slide-1.jpg" with your slide image URL. Follow the same procedure to configure other 4 slides.

How To Configure Social Buttons

Social Buttons - Frontier Blogger Template Find this in "Edit HTML": 
<div class='widget social-buttonsnbt'>
	<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/></a>
	<a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
	<a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
	<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
	<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
	<a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>
	<a href='http://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
	<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss'/></a>
</div>
Add your own social links replacing default social profile URLs.

Frontier Blogger Template Responsive View

Responsive View - Frontier Blogger Template]]> https://newbloggerthemes.com/frontier-blogger-template/feed/ 8