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.
The footer also includes several features, like putting up your flickr stream. In order to activate that, paste this code in Layout--Add a gadget and add your flickr username (marked in bold) -
<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>Next to Flickr you can also show your latest twitter updates, add the below code in Layout--Add a gadget and change Username with your twitter handle -
<div id=”twitter_div”>Download Galauness Blogger Template
<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>
Share this Blogger Template:
0 Response to "Galauness, a Minimalist Blogger Template"
Post a Comment