Tuesday, October 18, 2011

Environmental protection - Green blogger templete

A templete suitable for environmental blog



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 .
1.  Edit the top Navigation links :  
[Image]

       Go to layout >> Edit HTML and find this code (leave the "expand widget templates " unchecked.)

01<div id='gradient'>
02
03            <ul class='menu'>
04
05                <li class='current_page_item'><a href='YOUR URL HERE' title='Free WP Theme'>Blog</a></li>
06
07                <li class='page_item page-item-4'><ahref='YOUR URL HERE' title='About'>About</a></li>
08
09<li class='page_item page-item-25'><a href='YOUR URL HERE'title='Contact us'>Contact us</a></li>
10
11            </ul>
12
13            <div id='note'>
14
15                <div id='simplegallery'/>
16
17            </div>
18
19        </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
1<div class='twitter' id='rss-links'>
2
3        <p><a href='http://twitter.com/YOUR NAME HERE'title='follow me'>Follow me</a></p>
4
5    </div>


 Replace 'YOUR NAME HERE ' with your name .
If you dont use twitter , then remove the above code.
         
3. Edit  Featured Photos showcase
        Find this code in your template :
01<script type='text/javascript'>
02var mygallery=new simpleGallery({
03 wrapperid: &quot;simplegallery&quot;,
04 dimensions: [402, 285],
05 imagearray: [
11 autoplay: [false, 2500, 2],
12 persist: true,
13 fadeduration: 500,
14 oninit:function(){
15  //Keyword &quot;this&quot;: references current gallery instance (ie: try this.navigate(&quot;play/pause&quot;))
16 },
17 onslide:function(curslide, i){
18  //Keyword &quot;this&quot;: references current gallery instance
19  //curslide: returns DOM reference to current slide&#39;s DIV (ie: try alert(curslide.innerHTML)
20  //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
21 }
22})
23
24</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




source

No comments:

Post a Comment