New Blogger Themes | Professional Blogspot Templates

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.
Premium Blogger Templates

Olsen Light Blogger Template

Theme Categories: 1 Column Footer, 1 Sidebar, 2 Columns, Adapted from Wordpress, Black, Color Options, Fixed width, Magazine, Minimalist, Photolog, Premium, Responsive, Right Sidebar, Top Navigation Bar, White,
Theme Name:
Olsen Light
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Designer / URL:
CSSIgniter | http://www.cssigniter.com/
Published Date:
March 7, 2016
Advanced Details:
https://newbloggerthemes.com/olsen-light-blogger-template/

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

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.

Featured Blogger Themes

These Blogger Themes are compatible with "Blogger Template Designer" (you can change the background, colors and fonts easily without editing HTML) and are optimized for search engines.