Kontify Blogspot Templates

Magazine Blogspot Template : Layout 2 Column with Right Sidebar, Colors Kontify template color schemes

  Design Features  
Slide Show : Kontify template has slide show (slider) in home page. Show your featured content in an easy to use slider. Post Thumbnails : Show a thumbnail image (small image) for every post using this template
Good Typography : Kontify template has beautiful Typography (font styles). Your website will look beautiful and readable. Featured Post : Show featured posts in home page using this template. Engage your users by showing your top content in home page. Hierarchical Menu : Kontify template comes with hierarchical dropdown navigation menu. Custom web fonts : Kontify template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts.

  Customization Features  
HTML Menu : Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links. Widget Ready : Kontify template comes with many widgetized area. Add your widgets easily using this template. Footer Widgets : Kontify template comes with footer widgets. Use your footer area effectively for engaging your users.

  More Features  
SEO Ready : Kontify template is optimized for Search engines like Google. This template helps your website to rank higher in search engines. Related Posts : Kontify template shows related posts in the bottom of every post. This improves user engagement of your site. Ad Ready : Use this template to show Banner advertisement or Google ads easily. Make money using your site. Social Buttons : This template comes with social buttons like facebook, twitter etc., Let your users share your content easily. Search box : Kontify template has search box in it. Search box helps your user to find the content easily on your site. Author Widget : Kontify template comes with Author widget. Use this widget in post footer. Useful if your blog has multiple authors. Pagination : Pagination links helps users to navigate easily to your older posts. Users can click easy to use buttons to go to Page 2, Page 3 etc.

Set up Navigation Menu : After installing this template, go to Template — Edit HTML and find following code. Update the link url and Link names to your needs.

<ul class=’menu sf-js-enabled sf-arrows’ id=’menu’>
<li><a expr:href=’data:blog.homepageUrl’>
<i class=”><img src=’http://4.bp.blogspot.com/-gUUYCRUUkIY/UjjgdZHYhOI/AAAAAAAABa8/k5Vs4vVx8-w/s1600/Home-48+(1).png’/></i><span style=’display:none;’>Home</span></a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-13′ id=’menu-item-13′><a class=’sf-with-ul’ href=’#’>Home</a>
<ul class=’sub-menu’ style=’float: none; width: 12em; display: block;’>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-100′ id=’menu-item-100′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>2 Columns posts</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-108′ id=’menu-item-108′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>1 Column posts</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-112′ id=’menu-item-112′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>Full width slider</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-116′ id=’menu-item-116′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>Standard layout</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-120′ id=’menu-item-120′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>Filterable grid</a></li>
</ul>
</li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-12′ id=’menu-item-12′><a class=’sf-with-ul’ href=’#’>Blog</a>  …………
………………

Update Social Links : Go to Template — Edit HTML. Then, find following code and update the links to social sites. If you don’t want any social site then just remove that.

<ul class=’social-set’>
<li><a class=’social-addthis’ href=’#’/></li>
<li><a class=’social-behance’ href=’#’/></li>
<li><a class=’social-blogger’ href=’#’/></li>
<li><a class=’social-facebook’ href=’#’/></li>
<li><a class=’social-youtube’ href=’#’/></li>
<li><a class=’social-twitter’ href=’#’/></li>
</ul>

Set up Labels Widget  : This template by default don’t have any widgets in the right sidebar. You can add whatever widgets you like. If you want to achieve Labels display like in our demo then use Display as List and uncheck (don’t check) Show number of posts per label.

Set up Top Menu (above Header) :  Go to Template — Edit HTML. Look for following code. Update the Link text and Link URL to your needs.

<ul class=’top-menu sf-js-enabled sf-arrows’><li class=’menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-253′ id=’menu-item-253′><a class=’sf-with-ul’ href=’#’>Home</a>
<ul class=’sub-menu’ style=’float: none; width: 12em; display: block;’>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-286′ id=’menu-item-286′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>1 Column posts</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-285′ id=’menu-item-285′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>Full width slider</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-284′ id=’menu-item-284′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>Standard layout</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-283′ id=’menu-item-283′ style=’white-space: normal; float: left; width: 100%;’><a href=’#’ style=’float: none; width: auto;’>Filterable grid</a></li>
</ul>
</li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-254′ id=’menu-item-254′><a href=’#’>Full Width</a></li>
<li class=’menu-item menu-item-type-custom menu-item-object-custom menu-item-256′ id=’menu-item-256′><a href=’#’>404 Error</a></li>
<li class=’menu-item menu-item-type-post_type menu-item-object-page menu-item-266′ id=’menu-item-266′><a href=’#’>Contact Us</a></li>
<li class=’menu-item menu-item-type-custom menu-item-object-custom menu-item-282′ id=’menu-item-282′><a href=’http://themeforest.net/item/madidus-blog-magazine-theme/4690753?ref=different-themes’ target=’_blank’>Download Theme</a></li>
</ul>