HOT!Buy Ready-Made Authority WebsitesClick Here

Making Blogger Professional, Important Updates !!

Hello SoraBloggingTips Readers, If you are reading this, then we would like to appreciate your efforts for being supportive. We know its har...

How To Setup SeoHub Blogger Template [Way2Themes]

Feather Blogger Template

SeoHub is a fast loading and perfectly SEO optimized blogger template. this is a simple and clean template with some great inbuilt widgets like, recent post widget, comments widget, label post widget, tabbed sidebar etc. SeoHub is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly. You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

Video Documentation

You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly 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 case 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, you must place the following codes highlighted in blue 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 you can follow this tutorial if above method won't work

        Shortcodes

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

        Theme Option

        Full Width Version(trure/false):

        • Add (true) to Full, to return the Boxed version just add (false)

        PageNavi Results No:

        • Type your number for Page Navigation, Default is "7"

        Related Post Number:

        • Type your number 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 then 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 above details with your own.

          Template Customization

          Access your blog Template > click Customize.
          Colors

          Installation And Custom Services

          We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

          How To Setup SeoHub Blogger Template [Way2Themes] How To Setup SeoHub Blogger Template [Way2Themes] Reviewed by TemplatesYard on August 07, 2017 Rating: 5

          39 comments:

          1. i cant see photo on post at home page

            ReplyDelete
            Replies
            1. Will you be more specific about your issue.

              Delete
          2. Hello sir,i installed your theme to my site http://technicalramen.com/
            and all the things working fine, only the problem is the blog post body is not showing full. only the upper lines are showing . can you help me to solve the problem, thats will helo me a lot! thank you...

            ReplyDelete
          3. next & prev articles in the post page does not work.
            How do I fix it?

            ReplyDelete
            Replies
            1. I found the problem.
              next & prev articles in the post page does not work only when I use 3rd party domains.
              however when I use the domain .blogspot.com the function works fine.
              how do i use next & prev function with tld?

              Delete
            2. It works on both the domains, Please share your blog url.

              Delete
            3. No, it is not working in 3rd party domains with https.
              I am using https from cloudflare.

              Delete
            4. SSL is yet to be announced officially for custom domains, so we aren't responsible for 3rd party hack not working.

              Delete
          4. how can i place ads at before the post, after the tag and at the end of the post?

            ReplyDelete
            Replies
            1. It supports custom ad and you can add it from layout.

              Delete
          5. how to center buttons

            ReplyDelete
            Replies
            1. <center> Your Button </center> Put your button code like this

              Delete
          6. in my template post thumbnail is not showing how to sholve it

            ReplyDelete
          7. It is not showing the Recent Posts and Comments on my blog.
            My blog url is http://www.brainsyoga.com/

            ReplyDelete
          8. is that I can put the advertisements of google adsence on this template, and is that I can use other domains than blogspot.com

            ReplyDelete
            Replies
            1. Yes you can add any ads. and you can use it on any domain but the platform must be blogspot.

              Delete
          9. how to show some code like html, css, and others in post? i've blog for tutorial of programming..

            sorry about my english LOL

            ReplyDelete
          10. how to make related post and newer-older article ?
            there is no in my blog

            ReplyDelete
          11. Thanks for this documentations. But, there is a problem which I am facing with my blog widget. I have all setting as your have instructed in this doc. But, still some widgets are not working and showing.
            Recent Widget not working for my blog. I have the same seohub blogger template.
            You can see yourself on my blog: https://todaycoinprice.blogspot.com/
            Please, see my blog and let me know if I am making any mistake.
            I will wait for your kind reply.
            And thank you so much for providing such a nice, decent themes for blogger for free.

            ReplyDelete
          12. Hi, I want to show multiple labels on the post homepage. However, only 1 label is showing even if I put 3 labels in my post that I published.
            Can you please help me.
            Thanks.

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          13. how to change header backround color on this theme

            ReplyDelete
            Replies
            1. It can be done through template customizer.

              Delete
          14. first of all thank you for this theme, all option working in theme, can you tell me how to mention website name in footer section , Theme name is SEOHUB

            ReplyDelete
          15. i have an issue only two posts are showing in my homepage...
            i also try to change the number of pages to 5 but didn't work..
            https://hackerranksolutions31.blogspot.com/

            ReplyDelete
            Replies
            1. Remember one thing you have to keep the post count same in your blog settings and pagination widget. There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every post, may be this will help.

              Delete
            2. this issue is also on my site only 2 post showing on my homepage and my home page size is only 253 KB. Please Provide solution

              Delete
            3. Please check your blogger post setting to show how much post to show in your blog.

              Delete
            4. It's easy to fix

              If you have uploaded photo first before writing anything in your post then just put a space below the photo and click on the line break icon in the icon list it may be like the longer version of (-)

              Follow the same thing if you have written text first, but after your first paragraph ends just put a link break don't wait for whole post to end.

              It won't appear in the browser that you have applied a line break but it shows the html that they are two pages

              Problem solved

              check my website: https://www.eldernyweb.com

              Delete
          16. Can anyone please tell me what should be size of image which appaires in thumbnail of post please reply as soon as possible.

            ReplyDelete

          Note : -We have stopped giving support to free version users, please read this article Making Blogger Professional, Important Updates !!. If You Are Facing Any Problem While Setting Up The Free Theme, Then We Recommend You To Read Our FAQ(Frequently Asked Question) Page.