How To Setup Vanilia Blogger Template

Vanilia is a Clean & Personal Blogger Template. Vanilia is a simple, clean, personal, modern as well as professional person spider web log ideal for making a professional person blogging, portfolio, elegant websites. Vanilia is equipped amongst diverse of widgets which volition assistance you lot to disclose your spider web log to a greater extent than professionally. To become far slow for you lot nosotros accept published this detailed documentation, therefore that you lot tin setup your spider web log correctly.
You accept made a expert determination yesteryear choosing our template. You tin banking concern jibe the alive demo or download the template through the push below as well as likewise Please Read this documentation carefully inwards social club to develop your spider web log as well as delight authorities annotation that there’s no back upwards for gratuitous users.

Basic Setup

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

          Main Menu/Dropdown/Multi Dropdown

          On Blogger Dashbord Click Template
          Click Edit HTML
          Scroll downwardly as well as Find this Code :.

              <!–Main Menu–>
          <ul class=’sf-menu gdlr-main-menu’ id=’menu-main-menu-1′>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’/’>Home</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Features</a>
          <ul class=’sub-menu’>
          <li class=”><a href=’#’>Multi DropDown</a>
          <ul class=’sub-menu’>
          <li><a href=’#’>DropDown 1</a></li>
          <li><a href=’#’>DropDown 2</a></li>
          <li><a href=’#’>DropDown 3</a></li>
          </ul>
          </li>
          <li class=”><a href=’https://collective-template.blogspot.in/p/post-format-and-page-markup.html’>ShortCodes</a></li>
          <li class=”><a href=’https://www.moviegood.info//search?q=vanilia-blogger-templates’>SiteMap</a></li>
          <li class=”><a href=’https://collective-template.blogspot.in/soratemplates’>Error Page</a></li>
          </ul>
          </li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Shortcodes</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Pages</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Contact</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’https://www.moviegood.info//search?q=vanilia-blogger-templates’>Download This Template</a></li>
          </ul>

          Change # amongst your desired url as well as text amongst your carte du jour label.

          Mobile Menu

          On Blogger Dashbord Click Template
          Click Edit HTML
          Scroll downwardly as well as Find this Code :.

             <!–Mobile Menu–>
          <ul class=’dl-menu gdlr-main-mobile-menu’ id=’menu-main-menu’ itemscope=’itemscope’ itemtype=’http://schema.org/SiteNavigationElement’>

          <li class=’menu-item menu-item-type-post_type’><a href=’/’>Home</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Features</a>
          <ul class=’sub-menu’>
          <li class=”><a href=’#’>Multi DropDown</a>
          <ul class=’sub-menu’>
          <li><a href=’#’>DropDown 1</a></li>
          <li><a href=’#’>DropDown 2</a></li>
          <li><a href=’#’>DropDown 3</a></li>
          </ul>
          </li>
          <li class=”><a href=’https://collective-template.blogspot.in/p/post-format-and-page-markup.html’>ShortCodes</a></li>
          <li class=”><a href=’https://www.moviegood.info//search?q=vanilia-blogger-templates’>SiteMap</a></li>
          <li class=”><a href=’https://collective-template.blogspot.in/soratemplates’>Error Page</a></li>
          </ul>
          </li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Shortcodes</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Pages</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Contact</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’https://www.moviegood.info//search?q=vanilia-blogger-templates’>Download This Template</a></li>
           
          </ul>

          Change # amongst your desired url as well as text amongst your carte du jour label.

          Label Based Slider Post Widgets

          Access your blog Layout > click Edit link. add together your desired refer inwards the championship department as well as desired label inwards the html/javascript area.
          Image Example:

          Author Widget Inside Post

          On Blogger Dashbord Click Template
          Click Edit HTML
          Scroll downwardly as well as Find this Code :

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit down amet risus.

          Change the details amongst yours.

          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.facebook.com/soratemplates” data-width=”280″ data-height=”230″ data-hide-cover=”false” data-show-facepile=”true” data-show-posts=”false”><div class=”fb-xfbml-parse-ignore”></div></div></div></center>

          or you lot tin follow this tutorial if higher upwards method won’t work

          Flicker Image 

          You Can See sidebar Have Flicker Image Widgets.
          Follow this Steps To Add Flicker Widgets
          1. Go To Blogger >> Layout
          2. Now Click On “Add a Gadget” as well as Add Your Own Widgets
          3. Now Add Your Java Script Here

          <div class=”flickr_plugin”>
          <script src=”http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&[email protected]″ type=”text/javascript”>
          </script>
          </div>

          Replace This [email protected] With Your Flicker Id
          You Can Use http://idgettr.com/ to generate Your Flicker Id

          Installation And Custom Services

          We render enough of templates for gratuitous but if you lot wishing something unique for your spider web log therefore allow us practise a unique pattern for your blog, Just say 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/