How To Setup Waverly Blogger Template [Way2themes]

Waverly blogger template is best suitable for fashion, makeup, daily, OOTD etc blogs, Pre-installed amongst tons of features to heighten your weblog presence. Waverly is equipped amongst diverse of widgets which volition help y’all to set out your weblog to a greater extent than professionally. To teach inward tardily for y’all nosotros bring published this detailed documentation, therefore that y’all tin laissez passer on notice setup your weblog correctly.
You bring made a proficient determination past times choosing our template. You tin laissez passer on notice depository fiscal establishment gibe the alive demo or download the template through the push below together with equally good Please Read this documentation carefully inward gild to fix your weblog together with delight depository fiscal establishment annotation that there’s no back upward for costless users.

Basic Setup

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

Video Documentation

You tin laissez passer on notice depository fiscal establishment gibe this below video to sympathize the setup procedure much to a greater extent than easily, only click the below picture to scout the video straight on YouTube, or click this link – How To Setup Waverly Blogger Template – Way2Themes

 

    Social Top/Footer

    Access your blog Layout > click Edit link on Social Top  widget.

    Icons Available {  facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }

    Note: The Social Profile Names are representative sensitive.

    Main Menu/Dropdown Menu/Multi Dropdown

    On Blogger Dashbord Click Theme
    Click Edit HTML
    (Menu) Scroll downwards together with Find this Code :

     <ul id=”nav1″>
    <li><a href=”/”>Home</a>
    </li>
    <li><a href=”#”>Fashion</a>
    </li>
    <li class=”parent”><a href=”#”>Shop</a>
    <ul>
    <li><a href=”#”>Dropdown 1</a>
    </li>
    <li><a href=”#”>Dropdown 2</a>
    </li>
    <li class=”parent”><a href=”#”>Dropdown 3</a>
    <ul>
    <li><a href=”#”>Dropdown 3.1</a>
    </li>
    <li><a href=”#”>Dropdown 3.2</a>
    </li>
    <li><a href=”#”>Dropdown 3.3</a>
    </li>
    <li><a href=”#”>Dropdown 3.4</a>
    </li>
    </ul>
    </li>
    <li><a href=”#”>Dropdown 4</a>
    </li>
    <li><a href=”#”>Dropdown 5</a>
    </li>
    </ul>
    </li>
    <li><a href=”http://writero-way2themes.blogspot.com/p/page-markup-and-typography.html”>Typography</a>
    </li>
    <li><a href=”http://writero-way2themes.blogspot.in/p/documentation.html”>Documentation</a>
    </li>
    <li><a href=”#”>Download</a>
    </li>
    </ul>

    Change # amongst your desired url. 

    Featured Slider

    Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, and together with therefore add one of the following

    Recent Posts: <div class=”latestposts” data-no=”5″></div>
    Label / Tag Ex<div class=”tagpost” data-label=”Break” data-no=”5″></div>

    Instagram Widget

    Access your weblog Layout > click Edit link on Instagram Widget.

    Paste this Below code into it.

    <div id=’instafeed’/>
    <script type=’text/javascript’>//<![CDATA[
    var feed = novel Instafeed({
     get: ‘user’,
     userId: 3541708255,
      limit:6,
      sortBy:’random’,
    accessToken: ‘3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88’,
    template: ‘<li><a href=”{{link}}” target=”_blank”><img src=”{{image}}” /><div class=”insta-likes”><div style=”display: table; vertical-align: middle; height: 100%; width: 100%;”><span style=”display: table-cell; vertical-align: middle; height: 100%; width: 100%;”>{{likes}} <i class=”fa fa-heart”></i><br/>{{comments}} <i class=”fa fa-comment”></i></span></div></div></a></li>’,
     resolution: ‘standard_resolution’
     });
     feed.run();
    //]]>
    </script>

    In to a higher house code y’all you volition come across a

    accessToken: ‘3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88′,

    This – 3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88 is a access token ID.

    UserId: ‘3541708255′,

    This – 3541708255 , The showtime component of access token is your id.

    Now y’all request to create y’all novel 1 together with supercede amongst this.

    How to Create Instagram Access Token

    1. y’all request access token for instagram widget to work

    Go to this url-> http://instagram.pixelunion.net/

    Login Via your instagram Account together with Generate access token inward a unmarried click.

    2.  Once y’all teach  access token only supercede amongst this access token amongst inward a your code.

    Subscription Widget

    Access your blog Layout > click Edit link on Subscription widget.
    Paste this Below code into it.
    <div id=’subscribe-css’>
    <p class=’subscribe-note’><span>Subscription</span> <span class=’itatu’>&</span> Newsletter</p>
    <p class=’sub-desc’>Subscribe for New Post Notifications</p>
    <div class=’subscribe-wrapper’>
    <div class=’subscribe-form’>

    <form action=’http://feedburner.google.com/fb/a/mailverify?uri=soratemplates’ class=’subscribe-form’ method=’post’ onsubmit=’window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=soratemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’uri’ type=’hidden’ value=’soratemplates’/><input name=’loc’ type=’hidden’ value=’en_US’/><input autocomplete=’off’ class=’subscribe-css-email-field’ name=’email’ placeholder=’Enter your Email’/><input class=’subscribe-css-email-button’ title=” type=’Submit’ value=’Subscribe’/></form>

    </div>
    </div>
    </div>
    Replace soratemplates with your feedburner id.

     Page navigation result

    Access your weblog theme> search for this below code.

    var postperpage= 4;

    change the value amongst your desired issue of post.

    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=waverly-personal-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 supply enough of templates for costless but if y’all wishing something unique for your weblog together with therefore allow us create a unique pattern for your blog, Just say us your needs together with nosotros volition convert your dream pattern into reality. We equally good Provide Blogger Template Installation Service. Our Installation service gives y’all a simple, quick together with secure means of getting your template setup without hassle.


      Sumber https://www.sorabloggingtips.com/