Flat News Blogger Template

Shortnotes Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Advertisements
Theme Categories: 1 Sidebar, 2 Columns, Adapted from Wordpress, Blue, Elegant, Fixed width, Fresh, Grey, Magazine, Minimalist, Responsive, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White,
Template Name:
Shortnotes
Author / URL:
NewBloggerThemes | http://newbloggerthemes.com/
Designer / URL:
Site5 WordPress Themes | http://www.s5themes.com/
Published Date:
September 28, 2013
Updated Date:
December 9, 2015
Advanced Details:
http://newbloggerthemes.com/shortnotes-blogger-template/

Shortnotes Free vs. Pro Versions : Features Comparison

Features Free Version PRO Version
Template Designer Compatible
(Color Options / Font Options / Background Support)
Search Engine Optimized
Remove Footer Credits
Priority Support
No Encrypted Scripts
Lifetime Theme Updates
For Unlimited Domains

Shortnotes is a clean and elegant looking, HTML5/CSS3, 100% responsive (mobile friendly), 2 columns Blogger theme. Shortnotes Blogger template has a right sidebar, desktop and mobile menus, related posts with thumbnails, social buttons on site header, auto post summaries on homepage, share buttons, Google web fonts and more.

How To Configure Social Buttons

Social Buttons - Shortnotes Blogger Template

Find this in "Edit HTML":

<!-- begin #socialIcons -->
<div id='socialiconsnbt'>
<ul>
<li><a class='twitternbt hide-text' href='https://twitter.com/newbthemes' rel='nofollow' target='_blank'/></li>
<li><a class='facebooknbt hide-text' href='https://www.facebook.com/newbthemes/' rel='nofollow' target='_blank'/></li>
<li><a class='googleplusnbt hide-text' href='https://plus.google.com/' rel='nofollow' target='_blank'/></li>
<li><a class='linkedinnbt hide-text' href='https://www.linkedin.com/' rel='nofollow' target='_blank'/></li>
<li><a class='pinterestnbt hide-text' href='https://www.pinterest.com/' rel='nofollow' target='_blank'/></li>
<li><a class='youtubenbt hide-text' href='https://www.youtube.com/' rel='nofollow' target='_blank'/></li>
<li><a class='vimeonbt hide-text' href='https://vimeo.com/' rel='nofollow' target='_blank'/></li>
<li><a class='dribbblenbt hide-text' href='https://dribbble.com/' rel='nofollow' target='_blank'/></li>
<li><a class='skypenbt hide-text' href='http://www.skype.com/' rel='nofollow' target='_blank'/></li>
<li><a class='rssnbt hide-text' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'/></li>
</ul>
</div>
<!-- end #socialIcons -->

Add your own social links replacing default social networks homepage URLs.

How To Configure Sidebar Menu

Sidebar Menu - Shortnotes Blogger Template

Find this in "Edit HTML":

<!-- 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 -->

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Smaller Screens Menu

Menu - Shortnotes Blogger Template

Find this in "Edit HTML":

<!-- 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='menunbt' 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 -->

Replace "#" marks with real URLs and change anchor texts as you like.

Shortnotes Blogger Template Responsive View

Responsive View - Shortnotes Blogger Template

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.

Advertisements

Most Popular Themes

These are our most downloaded free Blogger templates. So I created premium versions of these themes. If you are satisfied with free versions of these themes, you can go for premium versions. Premium versions are compatible with "Blogger Template Designer" (which means you can change the background, colors and fonts very easily without editing HTML) and more "Search Engine Friendly".

17 Responses to “Shortnotes Blogger Template”

  1. I really like this theme, and I have already installed it on my blog, but how can I change the social buttons? I mean, how do I replace the facebook button with another one, the tumblr button for example?
    It would be really nice and helpful if you answered this...I need help!!
    And thanks for the free themes!!! 😉

    • First go to your blog "Settings" --> "Language and formatting".

      Select "Timestamp Format" from drop-down menu similar to "Friday, June 13, 2014" format.

      Important: You need to change "Timestamp Format". Not "Comment Timestamp Format".

  2. Oh, I love this 🙂 But... I need from a little help. The date, eg. not SUNDAY, SEPTEMBER 05, 2010 instead only 19:54. Where can I change it?

  3. Is there any way to make it so there isn't a read more button or that the picture is on top of the text rather than squished to one side?

  4. I can not put more than five entries on the main page of my blog, How I can change it? From configuring blogger will not let me ... I need help.

  5. Thanks Guys for creating such a lovely template. I need your help...I can't seem to add a LinkedIn share button at the bottom of my posts...how can I do this?

    Thanks.

    • Find this code:

      <a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href, &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' target='_blank' title='Share this on Google+'><i class='fa fa-google-plus'/></a>

      After it, enter below code:

      <a expr:href='&quot;https://www.linkedin.com/shareArticle?mini=true&amp;title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share this on Linkedin'><i class='fa fa-linkedin'/></a>

Leave a Reply