How To Setup Tech Pro Blogger Template [Templatesyard]

Tech Pro is a journal blogger template for tech in addition to mews blogs, loaded amongst tons of widgets it has the capability to fit whatever wordpress site blueprint professionally. Tech Pro is equipped amongst diverse of widgets which volition assistance you lot to release your weblog to a greater extent than professionally. To larn inwards slow for you lot nosotros accept published this detailed documentation, thus that you lot tin setup your weblog correctly. You accept made a skillful conclusion yesteryear choosing our template.
You tin cheque the alive demo or download the template through the push below in addition to equally good Please Read this documentation carefully inwards lodge to laid upwards your weblog in addition to delight greenback 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

Top Navigation

Access your weblog Layout > click Edit link on Top Navigation widget.

Social Top Widget/Social Footer 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

Ticker News

Access your weblog Layout > click Add a Gadget > HTML/JavaScript on Ticker News Section, in addition to and thus add together 1 of the following

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

    Slider Widget 

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

    • Recent Posts: <span data-type=”ty-latest-slide” data-no=”6″></span>
    • Label / Tag Ex: <span data-type=”ty-tag-slide” data-label=”Sports”  data-no=”6″></span>

    Main Featured Post 

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

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

    Featured Summary

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

    • tysum: <span data-type=”tysum” data-label=”Video” data-no=”3″></span>

      Content Featured Widgets

      Access your weblog Layout > click Add a Gadget > HTML/JavaScript on Box Layout / Box Layout 2 / Gallery Section, in addition to add together the type of the desired box

      Types : { tybox, tylist ,  tyleft , tyright , tygrid }

      • tybox:  <span data-type=”tybox” data-label=”Food” data-no=”4″></span>
        • tylist: <span data-type=”tylist” data-label=”Technology”></span>

        • Column has ii choice 1 for left in addition to other 1 for right.
        1. Column left: <span data-type=”tyleft” data-label=”News”></span>
        2. Column Right: <span data-type=”tyright” data-label=”Sports”></span>

        • tygrid:<span data-type=”tygrid” data-label=”Video” data-no=”6″></span>

        Custom Widgets

        Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you lot must house the next codes highlighted inwards blueish below.

        • Recent Post
        Recent Posts: <span class=”latestposts” data-no=”5″></span>

        • Label Posts
        Post Per Tag: <span class=”tagpost” data-label=”Break” data-no=”5″></span>

        • Recent Comments
        Recent Comments: <span class=”latestcomments” data-no=”5″></span>

        After add, click save.

        Social Counter

        Go to Layout > Social Counter Area > Click on Edit > in addition to follow this steps below.
        On “New Site Name” fild1 champaign add together Social Name [Social Counter].
        And on “New Site URL” fild2 champaign add together your Social Url.

        • Exemple: Only this Socials Supported !

        facebook count=3.5k;
        twitter count=1.7k;
        gplus count=735;
        youtube count=2.8k;
        pinterest count=524;
        dribbble count=7.3m;
        instagram count=849;
        rss count=286;

        Example:


        Comments System

        Access your weblog Layout > click Edit link on Comments System widget.
        Add 1 of the next provisions

        • [blogger] for blogger comments
        • for facebook comments
        • [disqus] for disqus comments

        you lot tin add together 1 system, ii or 3 equally you lot similar in addition to amongst organization you lot wishing for example


        [disqus]
        [disqusss]
        [blogger]
        [blogger]
        [disqus][blogger]
        [blogger][disqus]

        Disqus Shortname

        Access your weblog Layout > click Edit link on Disqus Shortname widget.
        What you lot accept to exercise is only add together the shortname

        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 higher upwards method won’t work

        Author Profile Details

        Access your weblog Layout > click Add a Gadget > HTML/JavaScript on Post Author Details section, you lot must house the codes inwards the blank space.

        Author Social Widget

        Go to your blogger dashboard > Layout > click Edit link on Author Social widget.
        In the “New Site Name” champaign supplant the give-and-take “facebook” amongst whatever social media website (twitter, youtube, google-plus, etc…).
        Note: continue inwards heed that this template uses the “Font Awesome” service for the icons. 
        Follow this link for the consummate laid of icons that this service provides: 

        Footer Navigation

        Access your blog Layout > click Edit link on Topnav widget.

        it automatically picks pages in addition to page links but inwards instance it doesn’t pick, delight encounter the higher upwards ikon to add together one, you lot tin equally good add together external links(Links from somewhere else).

        Shortcodes

        • Full Width Post;
        Go to Pages or Posts > New Page or Post
        On the novel page content/post content later adding the page/post title, add together the [full_width] code inwards the page content area.
        • Left Sidebar;
        Go to Pages or Posts > New Page or Post
        On the novel page content/post content later adding the page/post title, add together the [left_sidebar] code inwards the page content area.

        • Right Sidebar;
        Go to Pages or Posts > New Page or Post
        On the novel page content/post content later adding the page/post title, add together the [right_sidebar] code inwards the page content area.

        Theme Option

        Full Width Version(trure/false):

        • Add (true) to Boxed, to render the Full version only add (false)

        PageNavi Results No:

        • Type your issue for Page Navigation, Default is “8”

        Fixed Sidebar (trure/false):

        • Add (true) to Fix the sidebar, to unfix only add (false)

          Theme Colors

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

          Installation And Custom Services

          We render enough of templates for gratis but if you lot wishing something unique for your weblog in addition to thus permit us exercise a unique blueprint for your blog, Just say us your needs in addition to nosotros volition convert your dream blueprint into reality. We equally good Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick in addition to secure agency of getting your template setup without hassle.

          Only Premium Buyers volition larn the widget codes available inwards the demo.
          If you lot are a premium version user in addition to you lot are having whatever occupation acre setting upwards the template delight contact us yesteryear going to this link (Contact Form).


          Sumber https://www.sorabloggingtips.com/