How To Setup Xmag Blogger Template

 Xmag is an amazing blogspot theme for every blogger How To Setup XMag Blogger Template

Xmag is an amazing blogspot theme for every blogger, It suits whatsoever niche whatsoever topic in addition to it is real tardily to customize amongst its powerful features. Xmag is equipped amongst diverse of widgets which volition aid you lot to lay out your weblog to a greater extent than professionally. To teach inwards tardily for you lot nosotros accept published this detailed documentation, hence that you lot tin setup your weblog correctly.
You accept made a expert determination past times choosing our template. You tin banking concern tally the alive demo or download the template through the push below in addition to besides Please Read this documentation carefully inwards lodge to ready your weblog in addition to delight banknote that there’s no back upwards for complimentary users.

Basic Setup

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

Ticker News

This widget automatically picks recent posts from you lot blog. But you lot accept to brand certain most few things.
1. Your weblog must hold out public
2. Your weblog feed laid to hold out sum from settings
3. Your weblog posts has at to the lowest degree i label.
If it’s non working follow this below post.

Social Top Widget

Access your weblog 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}

    Main Menu/ DropDown/ Multi DropDown

    Access your blog Layout > click Edit link on Main Menu widget.
    Normal Link : Features
    Sub Link: _Sub Link 1.0 (before the link add “_”) 1 underscore
    Sub Link 2: __Sub Link 1.1 (before the link add “__”) 2 underscore

    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=templatesyard‘ class=’subscribe-form’ method=’post’ onsubmit=’window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=templatesyard&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’uri’ type=’hidden’ value=’templatesyard‘/><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 templatesyard with your feedburner id.

    Featured Post

    Access your weblog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, in addition to hence add together i of the following.

    • Recent Posts: <span data-type=”tyard-recent”></span>
    • Label / Tag Ex: <span data-type=”tyard-label” data-label=”Sports”></span>

    Random Posts

    Access your blog Layout > click Add a Gadget > HTML/JavaScript on Random Post section, you lot must identify the next codes highlighted inwards carmine below.

    Recent Posts: randomposts


    After add, click save.

    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/templatesyard” 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 inwards a higher identify method won’t work

    Subscription Box

    To alter the feedburner username of subscription box, follow below steps.
    Access your blog Theme > click Edit Html and hence discovery the next coding.

    <div class=’emailfield’>
    <form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=templatesyard&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’email’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Enter Email&quot;;}’ onfocus=’if (this.value == &quot;Enter Email&quot;) {this.value = &quot;&quot;;}’ type=’text’ value=’Enter Email’/>
    <input name=’uri’ type=’hidden’ value=’templatesyard’/>
    <input name=’loc’ type=’hidden’ value=’en_US’/>
    <input class=’submitbutton’ type=’submit’ value=’Submit’/>
    </form>
    </div>

    Change the highlighted text amongst your id amongst your own.

    Author Box

    Access your blog Theme > click Edit Html and hence discovery the next coding.

    <span>Templatesyard is a blogger resources site is a provider of high character blogger template amongst premium looking layout in addition to robust design. The master copy mission of templatesyard is to furnish the best character blogger templates.</span>

    Change the inwards a higher identify details amongst your own.

    Pagination results

    Access your blog Theme > click Edit Html and hence discovery the next coding.

    <script type=’text/javascript’>
    var postperpage= 7;
    var numshowpage=3;
    var upPageWord =&#39;Prev&#39;;
    var downPageWord =&#39;Next&#39;;
    var urlactivepage=location.href;
    var home_page=&quot;/&quot;;
    </script>

    Change the value of var postperpage= 7; to whatsoever issue you lot want.

    Note:- Remember i matter you lot accept to continue the post count same inwards your weblog settings in addition to pagination widget.

    Theme Colors

          Access your weblog Template > click Customize.
          Here is where you lot tin alter the master copy color of the model, using your favorite colors.

          Installation And Custom Services

          We furnish enough of templates for complimentary but if you lot desire something unique for your weblog hence allow us exercise a unique pattern for your blog, Just state us your needs in addition to nosotros volition convert your dream pattern into reality. We besides Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick in addition to secure means of getting your template setup without hassle.


          Sumber https://www.sorabloggingtips.com/