How To Setup Insomnia Blogger Template [Way2themes]

Insomnia blogger template is best suitable for fashion, makeup, daily, OOTD etc blogs, Pre-installed alongside tons of features to heighten your spider web log presence. Insomnia is equipped alongside diverse of widgets which volition assistance you lot to pose out your spider web log to a greater extent than professionally. To become far slow for you lot nosotros convey published this detailed documentation, thus that you lot tin setup your spider web log correctly.
You convey made a adept determination yesteryear choosing our template. You tin depository fiscal establishment fit the alive present or download the template through the push clit below as well as likewise Please Read this documentation carefully inward gild to ready your spider web log as well as delight depository fiscal establishment notation that there’s no back upwards for gratis users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap

Video Documentation

You tin depository fiscal establishment fit this below video to empathize the setup procedure much to a greater extent than easily, only click the below ikon to picket the video straight on YouTube, or click this link – How To Setup Insomnia Blogger Template – Way2Themes

    Top Navigation

    On Blogger Dashbord Click Theme
    Click Edit HTML
    Scroll downward as well as Find this Code :

    <div id=’top_nav’/><!– top_nav –>
    <ul>
    <li><a href=’/’>Home</a></li>
    <li><a href=’#’>About Us</a></li>
    <li><a href=’#’>Contact Us</a></li>
    </ul>
    </div>

    Change # alongside your desired url. 

    Social Top

    On Blogger Dashbord Click Theme
    Click Edit HTML
    Scroll downward as well as Find this Code :

     <!– top_social_icons –>
    <div class=’header_social’>
    <a class=” href=’http://facebook.com/’ target=’_blank’><i class=’fa fa-facebook’/></a>
    <a class=” href=’http://twitter.com/’ target=’_blank’><i class=’fa fa-twitter’/></a>
    <a class=” href=’http://instagram.com/’ target=’_blank’><i class=’fa fa-instagram’/></a>
    <a class=” href=’http://dribbble.com/’ target=’_blank’><i class=’fa fa-dribbble’/></a>
    </div>

    Change # alongside your desired url. 

    Main Menu/Dropdown Menu/Multi Dropdown

    On Blogger Dashbord Click Theme
    Click Edit HTML
    (Menu) Scroll downward as well as Find this Code :

     <!– nav-menu –>
    <div class=’nav-menu’>
    <ul class=’blog_menus’>
      <li><a class=’current’ expr:href=’data:blog.homepageUrl’>Home</a></li>
      <li><a href=’#’>Category</a>
    <ul class=’sub-menu’>
    <li><a class=” href=’#’>Category 1</a></li>
    <li><a href=’#’>Category 2</a></li>
    <li><a href=’#’>Category 3</a>
    <ul class=’sub-menu’>
    <li><a href=’#’>Category 1</a></li>
    <li><a href=’#’>Category 2</a></li>
    <li><a href=’#’>Category 3</a></li>
    <li><a href=’#’>Category 4</a></li>
    <li><a href=’#’>Category 5</a></li>
    <li><a href=’#’>Category 6</a></li>
    </ul>
    </li>
    <li><a href=’#’>Category 4</a></li>
    <li><a href=’#’>Category 5</a></li>
    <li><a href=’#’>Category 6</a></li>
    </ul>
    </li>
      <li><a href=’#’>Photography</a></li>
      <li><a href=’#’>Lifestyle</a></li>
      <li><a href=’#’>Archives</a>

    </li>
      <li><a href=’/p/sample-page.html’>Contact</a></li>
    </ul>
    </div>

    Change # alongside your desired url. 

    Featured Slider

    Access your blog Layout > click Edit link on Featured Slider widget.
    Featured Post Widget. (Max postal service – 9)
    Note** :- Labels are instance sensitive.
    Image Example:

    Social Footer

    On Blogger Dashbord Click Theme
    Click Edit HTML
    Scroll downward as well as Find this Code :

     <!– footer_social-icons –>
    <div class=’footer_social-icons’>
    <ul>
    <li>
    <a class=’btn-facebook’ href=’#’ title=’Facebook’><i class=’fa fa-facebook’/></a>
    </li>
    <li>
    <a class=’btn-twitter’ href=’#’ title=’Twitter’><i class=’fa fa-twitter’/></a>
    </li>
    <li>
    <a class=’btn-gplus’ href=’#’ title=’Google Plus’><i class=’fa fa-google-plus’/></a>
    </li>
    <li>
    <a class=’btn-linkedin’ href=’#’ title=’Linkedin’><i class=’fa fa-linkedin’/></a>
    </li>
    <li>
    <a class=’btn-xing’ href=’#’ title=’Xing’><i class=’fa fa-xing’/></a>
    </li>
    </ul>
    </div>

    Change # alongside your desired url. 

    Author Box & Social

    On Blogger Dashbord Click Theme
    Click Edit HTML
    Scroll downward as well as Find this Code :

    <div class=’author_description_container’>
    <p>
    Lorem ipsum dolor sit down amet, consectetur adipiscing elit. Morbi eu sem ultrices, porttitor mi eu, euismod ante. Maecenas vitae velit dignissim velit rutrum gravida sit down amet eget risus. Donec sit down amet mollis nisi, nec commodo est.      
    </p>

    <div class=’authorsocial’>
    <a class=” href=’http://facebook.com/themewich‘ target=’_blank’><i class=’fa fa-facebook’/></a>
    <a class=” href=’http://twitter.com/ajgagnon‘ target=’_blank’><i class=’fa fa-twitter’/></a>
    <a class=” href=’http://dribbble.com/ajgagnon‘ target=’_blank’><i class=’fa fa-dribbble’/></a>
    <a class=” href=’http://instagram.com/ajgagnon‘ target=’_blank’><i class=’fa fa-instagram’/></a>          
    <div class=’clr’/>
    </div>

    Replace highlightedtext as well as links alongside yours.

    Page Navigation

    On Blogger Dashbord Click Theme
    Click Edit HTML
    Scroll downward as well as Find this Code :

    var postperpage=7;

    Change 7 alongside your desired number.

    Note:- Remember 1 affair you lot convey to dice along the postal service count same inward your spider web log settings as well as pagination widget.

    Facebook Page Plugin:

    <center><div class=”fb-padding”><div id=”fb-root”></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = “//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531”;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));</script>
    <div class=”fb-page” data-href=”https://www.moviegood.info//search?q=antsasia-clean-blogger-template” target=”_blank”>How to Add Responsive Facebook Like Box Widget In Blogger

    Template Customization

    Access your blog Template > click Customize.
    Colors

    Installation And Custom Services

    We render enough of templates for gratis but if you lot wishing something unique for your spider web log thus allow us create a unique pattern for your blog, Just state us your needs as well as nosotros volition convert your dream pattern into reality. We likewise Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick as well as secure agency of getting your template setup without hassle.


    Sumber https://www.sorabloggingtips.com/