Kontify

Love this
83
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • Kontify template color schemes:
About this template
  • Date Released:   Sep, 2013
  • Designer:   Templateify
  • Price:   FREE
License
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
Statistics
  • Downloads:   20910
  • Demo views:   14383
  • 83 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
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
  • 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>

Layout for Kontify Blogger Template

  • lovelytemplates

    If the post image is not displaying then it means you didn’t upload them in blogger. You may be pointing to the images in third party sites. That’s why

    • Saqib

      b/w super seo and kontify which is more seo friendly ???

      • lovelytemplates

        Super SEO is more clean and minimalistic. I believe Super SEO is more seo friendly. But, all these templates are coded with seo in mind. You just need to have unique content to get good seo ranking

    • jon

      Is there any posibility to remove the thumbnail ?…(If images don’t work from third party sites)
      Now If I post a Clip from Youtube it doesen’t appear on homepage, I’ve got to click on the post to see the video
      Thanks

  • James

    Is there a way to remove that background image of the city and bridge?

    • lovelytemplates

      Paste this before ]]> in the template code

      body { background-image: none; }

  • Kazenouta

    Having a hard time getting the slideshow to display my posts instead of the stock images. Any thoughts?

  • disqus_I2gVD9n9d2

    How to remove background image?

    • lovelytemplates

      Paste this before ]]> in the template code

      body { background-image: none; }

  • Marina Ortiz Cort├ęs

    How do I do to change the font and the text placing? Thank you recapblog.blogspot.com

  • Saqib

    this is not showing mu blog images !!!!!

  • Saqib

    yes it is for blogger !

  • lovelytemplates

    use the following CSS code. Edit your HTML template and paste the following code just above “]]>”

    .author-bio {
    display: none;
    }

  • lovelytemplates

    Use this CSS,

    body {
    background-image: none;
    background-color: white;
    }

    Edit your HTML template and paste the above code just above “]]>”

  • lovelytemplates

    No way. Blogger won’t show thumbnails from third party. This is not this template restriction. Blogger itself won’t allow this

  • lovelytemplates

    Really, can you please post your blog url to check this.

  • Ben Team

    I purchased the license, but cannot get italics to work. Can you explain how to do so?

  • lovelytemplates

    I see all the images in this blog are hosted inside Blogger itself. You might have copied the images from third party. But, you hosted the images within your blogger account

  • lovelytemplates

    Your images are not hosted inside Blogger. You are pointing to images in third party sites. In this case, Blogger won’t show thumbnail

  • lovelytemplates

    Edit your HTML template and paste the following code just above “]]>”

    #sliderFrame {
    display:none; }

  • http://www.wellhealthonline.com/ VICKY

    Hi..could u Please help me in specifying the page title for the label pages which i have created

    http://www.wellhealthonline.com/

  • lovelytemplates

    It is possible, but we are not supporting customization. You should know CSS to do this

  • lovelytemplates

    This should work. If you are getting BLACK background then it means “background-color: white; is not working for you. Send me your url and I will tell you the reason.

  • lovelytemplates

    Use this CSS,

    body {
    background-image: none;
    background-color: white;
    }

    Edit your HTML template and paste the above code just above “]]>”

  • lovelytemplates

    You should know CSS to achieve this. We are not supporting customization

  • lovelytemplates

    Sorry, we are not supporting customization

  • Hamza

    sir please tell me that how can i change my kontify template font and howe to increase width of post section waiting for reply ? thaknx

    • lovelytemplates

      No support for customization requests

  • x prasetya

    Hi sir thanks for this template, its so wonderful !! but i have a little trouble here.
    how do i change the preview image on related post ?
    sorry for my bad english :D

  • hairul anam

    Why can not the picture in the middle of the average

  • Tanya Soyer

    How can I change slider with pictures to slider with my recent posts? Could you please give me html code?
    thank you

  • Forrest

    May I know how to remove the gap between post preview on Home page?
    Please refer to my picture, thank you so much

  • melissa711

    The template is stretching and squashing my images. I corrected this for the Home Page thumbnails, but I can’t see where to correct this for the Related Posts thumbnails. Could you please tell me which part of the code I need to look at for this? I have searched related and don’t see any specs for the size of these thumbnails. Thanks so much!!!

  • Songhy Cheap

    How can I change slider with pictures to slider with my recent posts? Could you please give me html code? Or I need to buy a license
    thank you