Demo | Download
This eco-friendly blogger template is originally designed by Toptut.com and converted to Blogger by Sandeep (that's me!)
Installation Guide :
Back up your current template before installing any new template .
Go to layout >> Edit HTML and find this code (leave the "expand widget templates " unchecked.)
<div id='gradient'> <ul class='menu'> <li class='current_page_item'><a href='YOUR URL HERE' title='Free WP Theme'>Blog</a></li> <li class='page_item page-item-4'><a href='YOUR URL HERE' title='About'>About</a></li> <li class='page_item page-item-25'><a href='YOUR URL HERE' title='Contact us'>Contact us</a></li> </ul> <div id='note'> <div id='simplegallery'/> </div> </div>Replace 'YOUR URL HERE' with your url , and edit the respective anchor tags .
2 . Edit the Twitter ' Follow me ' link :
Find this code in your template
<div class='twitter' id='rss-links'> <p><a href='http://twitter.com/YOUR NAME HERE' title='follow me'>Follow me</a></p> </div>
If you dont use twitter , then remove the above code.
3. Edit Featured Photos showcase
Find this code in your template :
<script type='text/javascript'> var mygallery=new simpleGallery({ wrapperid: "simplegallery", dimensions: [402, 285], imagearray: [ ["http://farm3.static.flickr.com/2692/4079647981_335422f26b_m.jpg", "http://www.flickr.com/photos/bo_ahmad/4079647981/", "_new", "Balls of Water"], ["http://farm3.static.flickr.com/2693/4120071895_1e91905567_m.jpg", "http://www.flickr.com/photos/ceeeerdolpz/4120071895/", "_new", "Spider"], ["http://farm3.static.flickr.com/2550/4120073045_ff410efe8e_m.jpg", "http://www.flickr.com/photos/close2far/4120073045/", "_new", "Flower or cactus?"], ["http://farm3.static.flickr.com/2654/4120838910_ff8ef1c80b_m.jpg", "http://www.flickr.com/photos/27642571@N04/4120838910/", "_new", "Safety in Numbers"], ["http://farm3.static.flickr.com/2712/4120061697_0afc27dc5e_m.jpg", "http://www.flickr.com/photos/verawald/4120061697/", "_new", "Banana de pijama?"] ], autoplay: [false, 2500, 2], persist: true, fadeduration: 500, oninit:function(){ //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")) }, onslide:function(curslide, i){ //Keyword "this": references current gallery instance //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML) //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc) } }) </script>
Replace the RED colored line with your images and PURPLE colored line with your page url .
Edit the BLUE colored anchor texts with your desired titles/anchor texts.
4. Edit Date display settings:
Make sure you change your settings as shown below
That's it , hope you like it .
Any problem ? comment here and i will be always here to help you :)