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 + "feeds/posts/default"’ 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&alt=json-in-script&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”.