Shortnotes-Blogger

DEMO       DOWNLOAD

Templates Details:-


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

Subscribe To Get FREE Updates!