Advertisements

Shortnotes Blogger Template

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

How To Configure Social Buttons

Find this in "Edit HTML":

<!-- begin #socialIcons -->
<div id='socialIcons'>
<ul>
<li><a class='twitter hide-text' href='http://twitter.com/newbthemes' rel='nofollow' target='_blank'/></li>
<li><a class='facebook hide-text' href='http://www.facebook.com/newbthemes' 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 -->

Add your own social links replacing current links.

How To Configure Sidebar Menu

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

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

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

Advertisements

One Response to “Shortnotes Blogger Template”

  1. ridwwanoye says:

    great..nice template bro...i like this

Leave a Reply