13 Oktober 2013

Shortnotes Blogspot template

Shortnotes Blog template, Usages Blogging, Layout 2 Column with Right Sidebar,
  Design Features  
Responsive design : Designed to provide optimal viewing experience across wide range of devices from Desktop to mobile phones. Minimalist design : Want to have a simple but beautiful website? This template has minimal design by giving importance to content. Post Thumbnails : Show a thumbnail image (small image) for every post using this template. Good Typography : Shortnotes Blog template has beautiful Typography (font styles). Your website will look beautiful and readable. Custom web fonts : Shortnotes Blog 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 : Shortnotes Blog template comes with many widgetized area. Add your widgets easily using this template.

  More Features 
SEO Ready : Shortnotes Blog template is optimized for Search engines like Google. This template helps your website to rank higher in search engines. RSS Buttons : Shortnotes Blog template comes with RSS Buttons. Let your user follow you using your RSS feed. Social Buttons : This template comes with social buttons like facebook, twitter etc., Let your users share your content easily.     Search box : Shortnotes Blog template has search box in it. Search box helps your user to find the content easily on your site.

Set up Social Icons : After installing this template, go to Template -- Edit HTML and find following code. Update the Social links with your links.
<!-- begin #socialIcons -->
<div id='socialIcons'>
<ul>
<li><a class='twitter hide-text' href='http://twitter.com/lovelytemplates' rel='nofollow' target='_blank'/></li>
<li><a class='facebook hide-text' href='http://www.facebook.com/lovelytemplates' rel='nofollow' target='_blank'/></li>
<li><a class='linkedin hide-text' href='http://www.linkedin.com/' rel='nofollow' target='_blank'/></li>
<li><a class='rss hide-text' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'/></li>
</ul>
</div>
<!-- end #socialIcons -->
Configure Sidebar Menu : Go to Template -- Edit HTML and find following code. Update the Menu name and link. 
<!-- Sidebar Menu -->
<div class='blogbblock' id='sidebar-menu'>
<h3>Menu</h3>
<nav class='menu-topmenu-container'>
<ul class='menu' id='menu-topmenu-1'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>FullWidth Page</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</nav>
</div>
<!-- END Sidebar Menu -->
Configure Small Screen Menu : Go to Template -- Edit HTML and find following code. Update the Menu name and link. This menu will appear on mobile devices.
<!-- menu for smaller screens -->
<div class='blogbblock' id='small-screens-menu'>
<a href='#' id='topmenu-button'><strong>:::: MENU ::::</strong></a>
<nav class='menu-topmenu-container'>
<ul class='menu' id='menu-topmenu'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>FullWidth Page</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</nav>
</div>
<!-- end menu for smaller screens -->
Configure Recent Posts Widget : GO to Layout -- Click Edit on Recent Posts Widget. Then, place the following code in the Content box.
<script>var numposts =5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://shortnotes-theme.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
Set up Categories Widget : If you want to acheive the Categories look like in our demo then use Display mode as "Cloud".

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>