Galauness is a clean, minimalist 3 column blogger template created by Iksandi. The template includes neat display of post images with cool hover on effects, custom 404 error page and custom lightbox, related posts articles and social media buttons, 3 column footer and is available in two background colours - white and black.
You can begin by configuring the social media links above the header, search for this code in Edit Html and add your account ids -
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Feed</a>Next is the top navigation bar, find this code in Edit Html and make the changes -
</li>
<li class='icon-facebook'>
<a href='http://facebook.com'>Facebook</a>
</li>
<li class='icon-twitter'>
<a href='http://twitter.com'>Twitter</a>
</li>
<li class='icon-gplus'>
<a href='https://plus.google.com'>GPlus</a>
</li>
<li class='icon-youtube'>
<a href='http://youtube.com'>Youtube</a>
</li>
<li class='icon-flickr'>
<a href='http://flickr.com'>flickr</a>
</li>
<li class='icon-lastfm'>
<a href='http://last.fm'>Last.fm</a>
</li>
<li class='icon-instagram'>
<a href='http://instagr.am'>Instagram</a>
</li>
<li class='icon-skype'>
<a href='http://www.skype.com'>Skype</a>
</li>
<!-- Start - Navigation Menu -->Replace '#' with the category links, add sub-categories and save the changes. The main column shows the post images, text and comment on hover, its a lovely effect to have on blogger.
<div class='nav'>
<ul class='menu' id='menu'>
<li><a expr:href='data:blog.homepageUrl'>home</a></li>
<li><a class='drop-ctg' href='#'>category</a>
<ul>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
<li><a href='#'>Category 4</a></li>
</ul>
</li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a expr:href='data:blog.homepageUrl + "404"'>404 Error Page</a></li>
</ul>
</div>
<!-- End - Navigation Menu -->
You also need to configure the post date from Settings--Language and formatting, change the Date Header Format and Timestamp Format, this step has to be done in order to avoid any errors. Also make sure you have disabled lightbox and comment form is embedded below post in Settings--Posts and comments, as shown in the image below.
<script src=”http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=USERNAME” type=”text/javascript”></script>
<div id=”twitter_div”>
<ul id=”twitter_update_list”></ul>
</div>
<script src=”http://twitter.com/javascripts/blogger.js” type=”text/javascript”></script>
<script src=”http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=3″ type=’text/javascript’></script>
