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 :)




![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUenx8BCsHcVJ_Z8DCZq3YgKkh2D40AGvzNcxuiXUGRNBTS2XKlB6D1eLCPPogOwvMGOYb9DYZF7Pyzk4Y6GAo0Rj97JZ3zddbnD3rUokZqD62968Py09epudov6FcS3O_VnQxyUxsQ/s1600/Galencia_1258824124771.png)

