Latest

4:59 PM Simple 7 - Joomla



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!

Next
SimpleCrop-Blogger
Previous
This is the last post.

0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

 
BEST TEMPLATES & THEMES © 2013. All Rights Reserved. Powered by Blogger and Best Templates and Themes
Top