Header Ads

  • Breaking News

    Solon Configuration Guide

    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>

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

    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 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...
    <!-- slide 1 code end -->
    rest of the slider code goes here...

    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)

    Solon Blogger Template Responsive View:

    No comments

    Post Top Ad

    Post Bottom Ad