Shortnotes Blog

Love this
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • Shortnotes Blog template color schemes:
About this template
  • Date Released:   Sep, 2013
  • Designer:   New Blogger Themes
  • Price:   FREE
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
  • Downloads:   10821
  • Demo views:   10110
  • 57 people love this template
Shortlist this Blogger template
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'>
<li><a class='twitter hide-text' href='' rel='nofollow' target='_blank'/></li>
<li><a class='facebook hide-text' href='' rel='nofollow' target='_blank'/></li>
<li><a class='linkedin hide-text' href='' 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>
<!-- 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'>
<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>
<!-- 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>
<!-- 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=";alt=json-in-script&amp;callback=rp">

Set up Categories Widget

If you want to acheive the Categories look like in our demo then use Display mode as "Cloud".

Layout for Shortnotes Blog Blogger Template

  • lovelytemplates

    Go to Settings — Basic and change the Title. This automatically changes your Header. Unfortunately, you can’t have the same font.

  • vanthang0122

    how do remove read more home page. it like super seo template

    please see:
    thank you

    • lovelytemplates

      Find this line in the template code

      and replace it with


  • lovelytemplates

    No Tumblr icon available. For pinterest, use following link tag,

  • lovelytemplates

    No support for Tumblr or bloglovin. Sorry.

  • linux commands

    nice Template

  • Lynn

    Nice template!
    I want to custom this, how to customize the layout?
    I want to make it like 2 rows, or add more 2 columns below the mainpost and sidebar
    Thus, I can add more widgets at the bottom

  • Emma

    Is there a way to add an Instagram social icon link? I have tried doing the same as for Pinterest but it doesn’t work. Many thanks.

  • かあり はありそん

    Thank you so much for this beautiful layout, is there anyway for the time stamps on the blog posts to be date stamps instead?