How To Setup SeoHub Blogger Template [Way2Themes]
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.
Note: The Social Profile Names are case sensitive.
Top Navigation
Main Menu/Dropdown
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
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
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]
Reviewed by TemplatesYard
on
August 07, 2017
Rating:
i cant see photo on post at home page
ReplyDeleteWill you be more specific about your issue.
DeleteHello sir,i installed your theme to my site http://technicalramen.com/
ReplyDeleteand 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...
Are you talking about the homepage ?
Deletenext & prev articles in the post page does not work.
ReplyDeleteHow do I fix it?
Your Blog URL?
DeleteI found the problem.
Deletenext & 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?
It works on both the domains, Please share your blog url.
DeleteNo, it is not working in 3rd party domains with https.
DeleteI am using https from cloudflare.
SSL is yet to be announced officially for custom domains, so we aren't responsible for 3rd party hack not working.
Deletehow can i place ads at before the post, after the tag and at the end of the post?
ReplyDeleteIt supports custom ad and you can add it from layout.
Deletehow to center buttons
ReplyDelete<center> Your Button </center> Put your button code like this
Deletein my template post thumbnail is not showing how to sholve it
ReplyDeleteShare your blog url.
Deletei cant set the main menu bar
ReplyDeleteWhat difficulty are you facing?
DeleteIt is not showing the Recent Posts and Comments on my blog.
ReplyDeleteMy blog url is http://www.brainsyoga.com/
Thanks it worked.
Deleteis that I can put the advertisements of google adsence on this template, and is that I can use other domains than blogspot.com
ReplyDeleteYes you can add any ads. and you can use it on any domain but the platform must be blogspot.
Deletehow to show some code like html, css, and others in post? i've blog for tutorial of programming..
ReplyDeletesorry about my english LOL
By default it only has one codebox style.
Deletehow to make related post and newer-older article ?
ReplyDeletethere is no in my blog
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.
ReplyDeleteRecent 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.
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.
ReplyDeleteCan you please help me.
Thanks.
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.
Deletehow to change header backround color on this theme
ReplyDeleteIt can be done through template customizer.
Deletefirst 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
ReplyDeleteYou have to buy the theme.
Deletei have an issue only two posts are showing in my homepage...
ReplyDeletei also try to change the number of pages to 5 but didn't work..
https://hackerranksolutions31.blogspot.com/
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.
Deletethis 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
DeletePlease check your blogger post setting to show how much post to show in your blog.
DeleteIt's easy to fix
DeleteIf 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
Can anyone please tell me what should be size of image which appaires in thumbnail of post please reply as soon as possible.
ReplyDeleteIt totally depend on template.
Delete