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".
Go to Settings -- Basic and change the Title. This automatically changes your Header. Unfortunately, you can't have the same font.
how do remove read more home page. it like super seo template please see: https://lh3.googleusercontent.com/-7SUAJp-Pl-w/Un30W63YzBI/AAAAAAAAAI4/9dZu6VuXcyI/w750-h393-no/09-11-2013+3-35-22+PM.png thank you
Find this line in the template code style='float:right;padding-right:10px;margin-top:10px;' and replace it with style='float:right;padding-right:10px;margin-top:10px;display:none;'
No Tumblr icon available. For pinterest, use following link tag,
No support for Tumblr or bloglovin. Sorry.
nice Template
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 Thanks
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?