
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".
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.