How To Setup Seohub Blogger Template [Way2themes]

 SeoHub is a fast loading in addition to perfectly SEO optimized blogger template How To Setup SeoHub Blogger Template [Way2Themes]

SeoHub is a fast loading in addition to perfectly SEO optimized blogger template. this is a uncomplicated in addition to build clean template amongst around dandy inbuilt widgets like, recent shipping widget, comments widget, label shipping widget, tabbed sidebar etc. SeoHub is equipped amongst diverse of widgets which volition assist y’all to lay out your weblog to a greater extent than professionally. To larn inwards slowly for y’all nosotros convey published this detailed documentation, therefore that y’all tin sack setup your weblog correctly. You convey made a skillful determination yesteryear choosing our template. You tin sack cheque the alive demo or download the template through the push clit below in addition to besides Please Read this documentation carefully inwards guild to gear upwardly your weblog in addition to delight banknote that there’s no back upwardly for gratis users.

Basic Setup

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

Video Documentation

You tin sack cheque this below video to sympathize the setup procedure much to a greater extent than easily, only click the below icon to sentinel the video conduct on YouTube, or click this link – How To Setup SeoHub 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 illustration sensitive.

        Top Navigation

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

        Main Menu/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

        Widgets:

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

        • Recent Posts
        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.

        Facebook Page Plugin:

        <center><div class=”fb-page” data-href=”https://www.facebook.com/way2themes/” data-width=”360″ data-small-header=”false” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”true”></div></center>

        or y’all tin sack follow this tutorial if higher upwardly method won’t work

        Shortcodes

        • Full Width Post;
        Go to Pages or Posts > New Page or Post
        On the novel page content/post content afterward 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 afterward adding the page/post title, add together the [left_sidebar] code inwards the page content area.

        Theme Option

        Full Width Version(trure/false):

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

        PageNavi Results No:

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

        Related Post Number:

        • Type your issue for Related Posts, Default is “4”

        Extra Widgets

        Some additional widgets to decorate your blog.
        • Sidebar Social Widget
        Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar Section, and in addition to therefore add one of the following

        <div class=”social-counter”>

              <a class=”count facebook” href=”#”>
                <div class=”icon”><i class=”fa fa-facebook”></i></div>
                <p><span>34.2k</span> likes</p>
                <p class=”action-btn”>Like</p>
              </a>
              
              
            
              <!– TWITTER –>
              <a class=”count twitter” href=”#”>
                <div class=”icon”><i class=”fa fa-twitter”></i></div>
                <p><span>28.6k</span> followers</p>
                <p class=”action-btn”>Follow</p>
              </a>
              
              <!– YOUTUBE –>
              <a class=”count youtube” href=”#”>
                <div class=”icon”><i class=”fa fa-youtube”></i></div>
                <p><span>8.6k</span> subscribers</p>
                <p class=”action-btn”>Subscribe</p>
              </a>

              <!– GOOGLE PLUS –>
              <a class=”count google-plus” href=”#”>
                <div class=”icon”><i class=”fa fa-google-plus”></i></div>
                <p><span>17.3k</span> followers</p>
                <p class=”action-btn”>+1</p>
              </a>

              <!– INSTAGRAM –>
             

             
            </div>
        <style>
        .social-counter{
          padding: 0;
          display: block;
        }

        .count{
          display: block;
          padding: 7px 0;
          text-align: left;
          transition: all 0.5s ease;
        }

        .count:hover{
          background: rgba(0,0,0,0.033);
          transform: scale(1.065);
        }

        .count .icon{
          background: #aaa;
          display: inline-block;
          float: left;
          color: white;
          font-size: 22px;
          margin-left: 5px;
          text-align: center;
          width: 45px;
          height: 45px;
          border-radius: 50%;
          text-shadow: 0 0 3px rgba(0,0,0,0.2);
          display: table;
        }
        .count .icon i{
          display: table-cell;
          vertical-align: middle;
        }

        .count p{
          display: inline-block;
          font-size: 13px;
          color: #888;
          margin: 11px;
        }
        .count p span{
          color: black;
          font-size: 18px;
          font-weight: bold;
          padding-right: 2px;
        }

        .count .action-btn{
          float: right;
          display: inline-block;
          background: #aaa;
          color: white;
          padding: 3px 6px;
          border-radius: 3px;
          font-size: 14px;
          margin: 11px;
        }

        /*== COLORS ==*/
        .facebook .icon{background:#3b5999;}
        .facebook .action-btn{background:#3b5999;}
        .facebook .icon i{padding-top:2px;}

        .twitter .icon{background:#55acee;}
        .twitter .action-btn{background:#55acee;}
        .twitter .icon i{padding-top:2px;}

        .youtube .icon{background:#cd201f;}
        .youtube .action-btn{background:#cd201f;}
        .youtube .icon i{font-size:24px}

        .google-plus .icon{background:#dd4b39;}
        .google-plus .action-btn{background:#dd4b39;}
        .google-plus .icon i{font-size: 18px; padding-top: 1px;}

        .instagram .icon{background:#e4405f;}
        .instagram .action-btn{background:#e4405f;}

        .rss .icon{background:#f57d00;}
        .rss .action-btn{background:#f57d00;}

        .social-counter-2 .linkedin, .linkedin .icon,.linkedin .action-btn{background:#0077B5}

        .social-counter-2 .vimeo, .vimeo .icon,.vimeo .action-btn{background:#1ab7ea}

        .social-counter-2 .vk, .vk .icon,.vk .action-btn{background:#4c75a3}

        .social-counter-2 .tumblr, .tumblr .icon,.tumblr .action-btn{background:#34465d}

        .social-counter-2 .pinterest, .pinterest .icon,.pinterest .action-btn{background:#bd081c}

        .social-counter-2 .stumbleupon, .stumbleupon .icon,.stumbleupon .action-btn{background:#eb4924}

        .social-counter-2 .reddit, .reddit .icon,.reddit .action-btn{background:#ff5700}

        .social-counter-2 .yelp, .yelp .icon,.yelp .action-btn{background:#af0606}

        .social-counter-2 .weibo, .weibo .icon,.weibo .action-btn{background:#df2029}

        .social-counter-2 .producthunt, .producthunt .icon,.producthunt .action-btn{background:#da552f}

        .social-counter-2 .whatsapp, .whatsapp .icon,.whatsapp .action-btn{background:#25D366}

        .social-counter-2 .vine, .vine .icon,.vine .action-btn{background:#00b489}

        .social-counter-2 .slack, .slack .icon,.slack .action-btn{background:#3aaf85}

        .social-counter-2 .dribbble, .dribbble .icon,.dribbble .action-btn{background:#ea4c89}

        .social-counter-2 .flickr, .flickr .icon,.flickr .action-btn{background:#ff0084}

        .social-counter-2 .behance, .behance .icon,.behance .action-btn{background:#131418}
        .behance .icon i{font-size:18px;}

        .social-counter-2 .foursquare, .foursquare .icon,.foursquare .action-btn{background:#f94877}

        .social-counter-2 .snapchat, .snapchat .icon,.snapchat .action-btn{background:#FFFC00}
        .snapchat .icon i{font-size:24px;text-shadow: -1px 0 black,0 -1px black, 1px 0 black, 0 1px black}

        .snapchat .action-btn{text-shadow: 0 0 1px black}
        </style>

        Change the higher upwardly details amongst your own.

          Template Customization

          Access your blog Template > click Customize.
          Colors

          Installation And Custom Services

          We render enough of templates for gratis but if y’all desire something unique for your weblog in addition to therefore allow us practice a unique pattern for your blog, Just say 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 y’all a simple, quick in addition to secure agency of getting your template setup without hassle.


          Sumber https://www.sorabloggingtips.com/