Left and Right Sidebars | 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. Mon, 08 Jul 2024 13:24:26 +0000 en-US hourly 1 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 FreshWP Blogger Template https://newbloggerthemes.com/freshwp-blogger-template/ https://newbloggerthemes.com/freshwp-blogger-template/#respond Tue, 25 Jun 2024 03:03:41 +0000 https://newbloggerthemes.com/?p=7034 FreshWP Blogger Theme

FreshWP is a Theme Designer compatible, fully responsive, 3 columns blogger template with left/right sidebars and 4 columns footer. FreshWP Blogger template has many color and font options, 8 featured posts widgets, sticky menu and sidebars, social buttons widget, about me widget, clean post summaries, 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='freshwp-nav-menu menu-primary' id='menu-primary-navigation'>

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

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

...

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

How To Add Featured Posts Widgets and Other Widgets

FreshWP theme has 8 featured posts widgets, tabbed widget, social widget and about me widget. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Social Buttons - FreshWP Blogger Template Find this in "Edit HTML": 
<div class='freshwp-social-icons clearfix'>
<div class='freshwp-social-icons-inner clearfix'>

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

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

FreshWP Blogger Template Responsive View

This Blogger theme is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using tablets and mobile devices. Responsive View - FreshWP Blogger Template]]> FreshWP Blogger Theme

FreshWP is a Theme Designer compatible, fully responsive, 3 columns blogger template with left/right sidebars and 4 columns footer. FreshWP Blogger template has many color and font options, 8 featured posts widgets, sticky menu and sidebars, social buttons widget, about me widget, clean post summaries, 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='freshwp-nav-menu menu-primary' id='menu-primary-navigation'>

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

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

...

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

How To Add Featured Posts Widgets and Other Widgets

FreshWP theme has 8 featured posts widgets, tabbed widget, social widget and about me widget. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Social Buttons - FreshWP Blogger Template Find this in "Edit HTML": 
<div class='freshwp-social-icons clearfix'>
<div class='freshwp-social-icons-inner clearfix'>

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

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

FreshWP Blogger Template Responsive View

This Blogger theme is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using tablets and mobile devices. Responsive View - FreshWP Blogger Template]]> https://newbloggerthemes.com/freshwp-blogger-template/feed/ 0 Glass – News & Magazine Blogger Template https://newbloggerthemes.com/premium-themes/glass-blogger-template/ https://newbloggerthemes.com/premium-themes/glass-blogger-template/#respond Fri, 27 Aug 2021 06:12:30 +0000 https://newbloggerthemes.com/?post_type=premiumnbt&p=7203

Glass is a premium blogger template that is entirely configurable, has a powerful admin panel, and has a high-quality design. It is a responsive, news and magazine premium blogger template with many new features. It is fully customizable, has a powerful admin panel, and has a high-quality design.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Glass Blogger Template

Glass Template Features:

  • Powerfull Admin Panel
  • Fully Responsive
  • Fully customizable Design
  • Search Engine Optimized
  • 8 Home Layout Boxs Style
  • Smooth News Ticker
  • Adsense Ready
  • jQuery and CSS3 Effects
  • Multi Level Dropdown Menu
  • Responsive Menu Mobile
  • Font Awesome Icons Integration
  • Full Images Quality
  • Random Posts / Recent Posts / Label Posts
  • Contact US Form
  • Feedburner Form
  • Custom Widgets
  • Blogger Comments
  • Social Media Counter
  • Shortcodes
  • Dark Mode
  • and more…
]]>

Glass is a premium blogger template that is entirely configurable, has a powerful admin panel, and has a high-quality design. It is a responsive, news and magazine premium blogger template with many new features. It is fully customizable, has a powerful admin panel, and has a high-quality design.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Glass Blogger Template

Glass Template Features:

  • Powerfull Admin Panel
  • Fully Responsive
  • Fully customizable Design
  • Search Engine Optimized
  • 8 Home Layout Boxs Style
  • Smooth News Ticker
  • Adsense Ready
  • jQuery and CSS3 Effects
  • Multi Level Dropdown Menu
  • Responsive Menu Mobile
  • Font Awesome Icons Integration
  • Full Images Quality
  • Random Posts / Recent Posts / Label Posts
  • Contact US Form
  • Feedburner Form
  • Custom Widgets
  • Blogger Comments
  • Social Media Counter
  • Shortcodes
  • Dark Mode
  • and more…
]]> https://newbloggerthemes.com/premium-themes/glass-blogger-template/feed/ 0 Madd Magazine Blogger Template https://newbloggerthemes.com/madd-magazine-blogger-template/ https://newbloggerthemes.com/madd-magazine-blogger-template/#respond Tue, 19 Jun 2018 13:50:08 +0000 https://newbloggerthemes.com/?p=6992

Madd Magazine is search engine optimized, fully responsive, multi-purpose, news/magazine blogger template. Madd Magazine Blogger template has color and font options (Theme Designer compatible), featured posts slider widget, label based featured posts 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 and more.

How To Configure Top Navigation Menu

Navigation Menu - Madd Magazine Blogger Template Find this in "Edit HTML": 
<ul class='maddmag-menu' id='maddmag-primary-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 Posts Slider

Slider - Madd Magazine 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 src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=maddmagfeaturedposts&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 load in the slider. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagfeaturedposts&max-results=6"></script>

How To Add a Featured Posts Widget

Label Posts Widget - Madd Magazine Blogger Template You can add unlimited number of Featured Posts Widgets. This widget automatically displays posts from a given label name. To add a Featured Posts 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=maddmagrecentposts&max-results=5"></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 display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></script>

How To Add a Recent Posts Widget

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=maddmagrecentposts&max-results=5"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "5" with the number of posts you need to display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></script>

How To Configure Social Buttons

Social Buttons - Madd Magazine Blogger Template Find this in "Edit HTML": 
<div class='maddmag-social-wrap'>
<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://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

Madd Magazine Blogger Template Responsive View

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

Madd Magazine is search engine optimized, fully responsive, multi-purpose, news/magazine blogger template. Madd Magazine Blogger template has color and font options (Theme Designer compatible), featured posts slider widget, label based featured posts 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 and more.

How To Configure Top Navigation Menu

Navigation Menu - Madd Magazine Blogger Template Find this in "Edit HTML": 
<ul class='maddmag-menu' id='maddmag-primary-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 Posts Slider

Slider - Madd Magazine 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 src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=maddmagfeaturedposts&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 load in the slider. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagfeaturedposts&max-results=6"></script>

How To Add a Featured Posts Widget

Label Posts Widget - Madd Magazine Blogger Template You can add unlimited number of Featured Posts Widgets. This widget automatically displays posts from a given label name. To add a Featured Posts 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=maddmagrecentposts&max-results=5"></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 display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></script>

How To Add a Recent Posts Widget

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=maddmagrecentposts&max-results=5"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "5" with the number of posts you need to display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></script>

How To Configure Social Buttons

Social Buttons - Madd Magazine Blogger Template Find this in "Edit HTML": 
<div class='maddmag-social-wrap'>
<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://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

Madd Magazine Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Madd Magazine Blogger Template]]> https://newbloggerthemes.com/madd-magazine-blogger-template/feed/ 0 PaperMag Blogger Template https://newbloggerthemes.com/papermag-blogger-template/ https://newbloggerthemes.com/papermag-blogger-template/#respond Wed, 18 Apr 2018 23:18:25 +0000 https://newbloggerthemes.com/?p=6922 PaperMag Blogger Theme

PaperMag is an elegant, fully responsive, 3 columns blogger theme with left and right sidebars and 3 columns footer. PaperMag Blogger template has a easy to use slider, 2 navigation menus, auto post summaries, social and post share buttons, header widget, related posts with thumbnails and more.

How To Setup Primary Navigation Menu

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

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

<li><a href='#'>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 Setup Secondary Navigation Menu

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

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

PaperMag Blogger Template Responsive View

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

PaperMag is an elegant, fully responsive, 3 columns blogger theme with left and right sidebars and 3 columns footer. PaperMag Blogger template has a easy to use slider, 2 navigation menus, auto post summaries, social and post share buttons, header widget, related posts with thumbnails and more.

How To Setup Primary Navigation Menu

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

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

<li><a href='#'>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 Setup Secondary Navigation Menu

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

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

PaperMag Blogger Template Responsive View

Responsive View - PaperMag Blogger Template]]> https://newbloggerthemes.com/papermag-blogger-template/feed/ 0 Delivery Lite Blogger Template https://newbloggerthemes.com/delivery-lite-blogger-template/ https://newbloggerthemes.com/delivery-lite-blogger-template/#comments Sat, 30 Sep 2017 13:40:05 +0000 https://newbloggerthemes.com/?p=1045 Delivery Lite Blogger Theme

Delivery Lite Blogger template is a minimalist, beautiful, modern and mobile-friendly responsive magazine theme for blogger blogs. Delivery Lite is great for online magazines websites, news websites or personal blogs, because the minimalism it will give content-focused effect to your reader. Delivery Lite Blogger Template has colors and font options, featured posts slider, auto post summaries, related posts with thumbnails, social profile links, share buttons, 2 multi-level navigation menus, left and right sidebars, 4 columns footer and more.

How To Add Links to Primary Navigation Menu

Primary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-primary-items sf-menu' id='menu-primary-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>

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

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

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

How To Add Links to Secondary Navigation Menu

Secondary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-secondary-items sf-menu' id='menu-secondary-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>

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

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

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

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

How To Configure Social Links

Find this in "Edit HTML": 
<ul>
<li>
   <a href='#'>Social</a>
   <ul class='children'>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li>
      <li><a href='https://plus.google.com/+Newbloggerthemes/posts' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li>
   </ul>
</li>
</ul>
Add your own social links replacing our social links.

How To Configure Featured Posts Slider: PRO Version

Slider - Delivery Lite 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 src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=deliveryliteliderposts&max-results=5'/></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 src='https://delivery-lite.blogspot.com/feeds/posts/default/-/Graphic Design?alt=json-in-script&amp;callback=deliveryliteliderposts&max-results=5'/></script>
Save your widget.

How To Configure Featured Posts Slider: FREE Version

There are 4 slides in the slider. You can add or remove more slides if you want. To configure first slide, find this in "Edit HTML": 
<!-- slide 1 code start -->
<li><a href='ENTER-SLIDE-1-LINK-HERE'><img src='http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg'/></a><header class='entry-header'><h1 class='entry-title'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h1></header><div class='entry-summary'>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....</div></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, "http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg" with your slide image URL, "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. This procedure is same for other slides.

Delivery Lite Blogger Template Responsive View

Responsive View - Delivery Lite Blogger Template]]> Delivery Lite Blogger Theme

Delivery Lite Blogger template is a minimalist, beautiful, modern and mobile-friendly responsive magazine theme for blogger blogs. Delivery Lite is great for online magazines websites, news websites or personal blogs, because the minimalism it will give content-focused effect to your reader. Delivery Lite Blogger Template has colors and font options, featured posts slider, auto post summaries, related posts with thumbnails, social profile links, share buttons, 2 multi-level navigation menus, left and right sidebars, 4 columns footer and more.

How To Add Links to Primary Navigation Menu

Primary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-primary-items sf-menu' id='menu-primary-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>

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

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

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

How To Add Links to Secondary Navigation Menu

Secondary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-secondary-items sf-menu' id='menu-secondary-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>

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

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

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

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

How To Configure Social Links

Find this in "Edit HTML": 
<ul>
<li>
   <a href='#'>Social</a>
   <ul class='children'>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li>
      <li><a href='https://plus.google.com/+Newbloggerthemes/posts' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li>
   </ul>
</li>
</ul>
Add your own social links replacing our social links.

How To Configure Featured Posts Slider: PRO Version

Slider - Delivery Lite 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 src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&amp;callback=deliveryliteliderposts&max-results=5'/></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 src='https://delivery-lite.blogspot.com/feeds/posts/default/-/Graphic Design?alt=json-in-script&amp;callback=deliveryliteliderposts&max-results=5'/></script>
Save your widget.

How To Configure Featured Posts Slider: FREE Version

There are 4 slides in the slider. You can add or remove more slides if you want. To configure first slide, find this in "Edit HTML": 
<!-- slide 1 code start -->
<li><a href='ENTER-SLIDE-1-LINK-HERE'><img src='http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg'/></a><header class='entry-header'><h1 class='entry-title'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h1></header><div class='entry-summary'>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....</div></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, "http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg" with your slide image URL, "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. This procedure is same for other slides.

Delivery Lite Blogger Template Responsive View

Responsive View - Delivery Lite Blogger Template]]> https://newbloggerthemes.com/delivery-lite-blogger-template/feed/ 54 TechGear Blogger Template https://newbloggerthemes.com/techgear-blogger-template/ https://newbloggerthemes.com/techgear-blogger-template/#comments Thu, 21 Sep 2017 02:47:30 +0000 https://newbloggerthemes.com/?p=6491 TechGear Blogger Theme

TechGear is a mobile friendly, 3 columns blogger theme with left/right sidebars and 3 columns footer widgets area. TechGear Blogger template has a featured post slider, primary and secondary navigation menus, Google fonts, auto post summaries, social profile icons, header banner, related posts with thumbnails and more.

How To Configure Primary Navigation Menu

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

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

<li><a href='#'>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

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:

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://1.bp.blogspot.com/-KjAr3Emx2Xs/WcKAUKZXoaI/AAAAAAAASUk/WEDAMj-CoWowcB7z5K8pjrSP13ugYlHUACLcBGAs/s1600/1.jpg'/></a>
    <div class='flex-slideinfo'>
        <h3><a href='ENTER-SLIDE-1-LINK-HERE'>This is default featured slide 1 title</a></h3>
        <p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.</p>
    </div>
</li>
<!-- Slide 1 Code End -->
Now replace, "This is default featured slide 1 title" with your featured post title. "ENTER-SLIDE-1-LINK-HERE" with your featured post URL. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com." with your description. "https://1.bp.blogspot.com/-KjAr3Emx2Xs/WcKAUKZXoaI/AAAAAAAASUk/WEDAMj-CoWowcB7z5K8pjrSP13ugYlHUACLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

TechGear Blogger Template Responsive View

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

TechGear is a mobile friendly, 3 columns blogger theme with left/right sidebars and 3 columns footer widgets area. TechGear Blogger template has a featured post slider, primary and secondary navigation menus, Google fonts, auto post summaries, social profile icons, header banner, related posts with thumbnails and more.

How To Configure Primary Navigation Menu

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

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

<li><a href='#'>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

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:

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://1.bp.blogspot.com/-KjAr3Emx2Xs/WcKAUKZXoaI/AAAAAAAASUk/WEDAMj-CoWowcB7z5K8pjrSP13ugYlHUACLcBGAs/s1600/1.jpg'/></a>
    <div class='flex-slideinfo'>
        <h3><a href='ENTER-SLIDE-1-LINK-HERE'>This is default featured slide 1 title</a></h3>
        <p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.</p>
    </div>
</li>
<!-- Slide 1 Code End -->
Now replace, "This is default featured slide 1 title" with your featured post title. "ENTER-SLIDE-1-LINK-HERE" with your featured post URL. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com." with your description. "https://1.bp.blogspot.com/-KjAr3Emx2Xs/WcKAUKZXoaI/AAAAAAAASUk/WEDAMj-CoWowcB7z5K8pjrSP13ugYlHUACLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

TechGear Blogger Template Responsive View

Responsive View - TechGear Blogger Template]]> https://newbloggerthemes.com/techgear-blogger-template/feed/ 1 EasyWP Blogger Template https://newbloggerthemes.com/easywp-blogger-template/ https://newbloggerthemes.com/easywp-blogger-template/#respond Tue, 12 Sep 2017 08:18:56 +0000 https://newbloggerthemes.com/?p=6468 EasyWP Blogger Theme

EasyWP is a clean and elegant, 100% responsive, search engine optimized and template designer compatible blogger theme with many color and font options. EasyWP Blogger Template has a 728x90 header banner widget, mobile friendly navigation menu, ability to add unlimited featured posts areas, sticky sidebars, grid style posts on homepage, related posts with thumbnails, social buttons, post share buttons, left and right sidebars, 4 columns footer and more.

EasyWP Theme Features

  • Fully Responsive / Mobile Friendly
  • Search Engines Friendly
  • Colors Options
  • Fonts Options
  • Background Image Support
  • Top Multi-level Navigation Menu
  • Unlimted Label Based Featured Posts
  • Sticky Sidebars
  • Related Posts with Thumbnails
  • Header Social Icons
  • Post Share Options
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 4 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - EasyWP Blogger Template Find this in "Edit HTML": 
<ul class='easywp-nav-menu menu-primary' id='menu-primary-navigation'>

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

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

...

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

How To Configure Social Buttons

Social Buttons - EasyWP Blogger Template Find this in "Edit HTML": 
<div class='easywp-social-icons-inner clearfix'>
<a class='social-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='social-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='social-googleplus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='social-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='social-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
<a class='social-instagram' href='#' target='_blank' title='Instagram'><i aria-hidden='true' class='fa fa-instagram'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

How To Add a Featured Post Area Widget

Featured Posts Area - EasyWP Blogger Template This widget automatically displays a post from a given label name. Go to "Layout" page. You can add any number of featured posts area widgets as you like. When you go to "Layout" page, there are 4 sections in this theme to add featured posts areas: 1. Top - Homepage Only Featured Posts Area 2. Top - Sitewide Featured Posts Area 3. Bottom - Homepage Only Featured Posts Area 4. Bottom - Sitewide Featured Posts Area Click on the "Add a Gadget" link of the section you need to add a featured posts area. Add this code into a "HTML/JavaScript" widget and click save: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/LABELNAME">FEATURED-POSTS-AREA-TITLE</a></h3>
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
Replace "FEATURED-POSTS-AREA-TITLE" with any title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace both "LABELNAME" words with the real label name you want to retrieve posts. Example: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/Motion Design">Motion Design</a></h3>
<script src="https://easywp-nbt.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
It will look like this: Add Featured Posts Widget - EasyWP Blogger Template

EasyWP Blogger Template Responsive View

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

EasyWP is a clean and elegant, 100% responsive, search engine optimized and template designer compatible blogger theme with many color and font options. EasyWP Blogger Template has a 728x90 header banner widget, mobile friendly navigation menu, ability to add unlimited featured posts areas, sticky sidebars, grid style posts on homepage, related posts with thumbnails, social buttons, post share buttons, left and right sidebars, 4 columns footer and more.

EasyWP Theme Features

  • Fully Responsive / Mobile Friendly
  • Search Engines Friendly
  • Colors Options
  • Fonts Options
  • Background Image Support
  • Top Multi-level Navigation Menu
  • Unlimted Label Based Featured Posts
  • Sticky Sidebars
  • Related Posts with Thumbnails
  • Header Social Icons
  • Post Share Options
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 4 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - EasyWP Blogger Template Find this in "Edit HTML": 
<ul class='easywp-nav-menu menu-primary' id='menu-primary-navigation'>

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

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

...

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

How To Configure Social Buttons

Social Buttons - EasyWP Blogger Template Find this in "Edit HTML": 
<div class='easywp-social-icons-inner clearfix'>
<a class='social-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='social-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='social-googleplus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='social-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='social-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
<a class='social-instagram' href='#' target='_blank' title='Instagram'><i aria-hidden='true' class='fa fa-instagram'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

How To Add a Featured Post Area Widget

Featured Posts Area - EasyWP Blogger Template This widget automatically displays a post from a given label name. Go to "Layout" page. You can add any number of featured posts area widgets as you like. When you go to "Layout" page, there are 4 sections in this theme to add featured posts areas: 1. Top - Homepage Only Featured Posts Area 2. Top - Sitewide Featured Posts Area 3. Bottom - Homepage Only Featured Posts Area 4. Bottom - Sitewide Featured Posts Area Click on the "Add a Gadget" link of the section you need to add a featured posts area. Add this code into a "HTML/JavaScript" widget and click save: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/LABELNAME">FEATURED-POSTS-AREA-TITLE</a></h3>
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
Replace "FEATURED-POSTS-AREA-TITLE" with any title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace both "LABELNAME" words with the real label name you want to retrieve posts. Example: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/Motion Design">Motion Design</a></h3>
<script src="https://easywp-nbt.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
It will look like this: Add Featured Posts Widget - EasyWP Blogger Template

EasyWP Blogger Template Responsive View

Responsive View - EasyWP Blogger Template]]> https://newbloggerthemes.com/easywp-blogger-template/feed/ 0 NextTech Blogger Template https://newbloggerthemes.com/nexttech-blogger-template/ https://newbloggerthemes.com/nexttech-blogger-template/#respond Thu, 13 Apr 2017 02:31:38 +0000 https://newbloggerthemes.com/?p=5978 NextTech Blogger Theme

NextTech is a responsive/mobile friendly, 3 columns blogger template with left and right sidebars and 3 columns footer. NextTech Blogger template has a featured content slider, top navigation menu, auto post summaries, web fonts, social icons and post share options, header banner, related posts with thumbnails and more.

How To Configure Navigation Menu

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

There are 5 slides in the slider. This is the code of the first slide: 
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://2.bp.blogspot.com/-dyjIsuidYMk/WO0CWip8hcI/AAAAAAAAQtc/tzSsgI6gWOUWDgj8L4mwJ9-uThMkrsmAACLcB/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->
Now replace, "This is default featured slide 1 title" with your featured post title. "#" marks with your featured post URL. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com." with your description. "https://2.bp.blogspot.com/-dyjIsuidYMk/WO0CWip8hcI/AAAAAAAAQtc/tzSsgI6gWOUWDgj8L4mwJ9-uThMkrsmAACLcB/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

NextTech Blogger Template Responsive View

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

NextTech is a responsive/mobile friendly, 3 columns blogger template with left and right sidebars and 3 columns footer. NextTech Blogger template has a featured content slider, top navigation menu, auto post summaries, web fonts, social icons and post share options, header banner, related posts with thumbnails and more.

How To Configure Navigation Menu

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

There are 5 slides in the slider. This is the code of the first slide: 
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://2.bp.blogspot.com/-dyjIsuidYMk/WO0CWip8hcI/AAAAAAAAQtc/tzSsgI6gWOUWDgj8L4mwJ9-uThMkrsmAACLcB/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->
Now replace, "This is default featured slide 1 title" with your featured post title. "#" marks with your featured post URL. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com." with your description. "https://2.bp.blogspot.com/-dyjIsuidYMk/WO0CWip8hcI/AAAAAAAAQtc/tzSsgI6gWOUWDgj8L4mwJ9-uThMkrsmAACLcB/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

NextTech Blogger Template Responsive View

Responsive View - NextTech Blogger Template]]> https://newbloggerthemes.com/nexttech-blogger-template/feed/ 0