Cách thiết lập template Blogspot: Kontify

DEMO - DOWNLOAD

I. About Kontify: 
Kontify is free template blogspot from Templateify, You can use 1 Kontify to build a business, magazines, gaming website or simple personal blog.
II. Template Blogspot Features:

• Slide show (slider) in home page. Show your featured content in an easy to use slider
• Post Thumbnails
• Good Typography
• Show featured posts in home page
• Dropdown navigation menu
• Widget Ready
• Footer Widgets
• SEO Ready
• Related Posts
• Ads Ready: Show Banner advertisement or Google ads easily

III. Instructions Template:
1. Set up Navigation Menu
You go: 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>

2. Update Social Links:

<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>

3. Set up Top Menu (above Header)

<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>