Solon Blogger Template

Theme Categories: 1 Sidebar, 2 Columns, 3 Columns Footer, Adapted from Wordpress, Black, Featured Section, Fixed width, Magazine, Pink, Responsive, Right Sidebar, Slider, Top Navigation Bar, White,

Theme Name:

Solon

Author / URL:

NewBloggerThemes | https://newbloggerthemes.com/

Designer / URL:

aThemes | http://athemes.com/

Published Date:

June 26, 2014

Advanced Details:

https://newbloggerthemes.com/solon-blogger-template/

Live Demo Free Download Template Installation Premium Themes

Solon is a fully responsive free Blogger theme, ideal to use if you want your blog to have a slick and modern look. Solon Blogger theme has a slider, auto read more, top navigation menu, 2 columns, right sidebar, 3 columns footer, social and sharing buttons, custom scroll effect and more.

How To Configure Social Buttons

Find this in "Edit HTML":

<ul class='menu clearfix' id='menu-social'>
   <li><a href='http://twitter.com'><span class='screen-reader-text'>Twitter</span></a></li>
   <li><a href='http://facebook.com'><span class='screen-reader-text'>Facebook</span></a></li>
   <li><a href='http://plus.google.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Google Plus</span></a></li>
   <li><a href='http://dribbble.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Dribbble</span></a></li>
   <li><a href='http://vimeo.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Vimeo</span></a></li>
   <li><a href='http://linkedin.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Linkedin</span></a></li>
   <li><a href='http://youtube.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Youtube</span></a></li>
   <li><a href='http://instagram.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Instagram</span></a></li>
   <li><a href='http://flickr.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Flickr</span></a></li>
   <li><a href='http://tumblr.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>tumblr</span></a></li>
   <li><a href='http://www.foursquare.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>foursquare</span></a></li>
   <li><a href='http://pinterest.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Pinterest</span></a></li>
</ul>

You can replace social networks homepage URLs with your social profile links URLs.

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<div class='menu-testing-menu-container'>
<ul class='menunbt'>

menu code goes here...

</ul>
</div>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

Find this in "Edit HTML":

<div class='flexslider loading'>
<ul class='slides'>

<!-- slide 1 code start -->
<li class='slide'>
    <a href='#'><img height='400' src='http://1.bp.blogspot.com/-25YWOliSBGU/U6ur_rFmM4I/AAAAAAAAKmo/sqNN3MGA1Ik/s1600/slide-1.jpg' width='700'/></a>
    <div class='slide-info'>
        <h1 class='entry-title'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h1>
    </div>
    <div class='entry-content'>
        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 -->

rest of the slider code goes here...

</ul>
</div>

There are 5 slides in the slider. You can add or remove more slides if you want.

Now replace,
"#" marks with your real slide link,
"ENTER-SLIDE-X-LINK-HERE"s with your real slide link,
"Enter Slide X Title Here" with your real slide title,
"This is slide X 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,
Slide image URL,
for each slide. (X = 1 or X = 2 or X = 3 or X = 4 or X = 5)