VIEW ALL GALLERY LIGHTS

Wednesday, August 25, 2010

Simplex Photography 2 - template for photographer

Several days ago ,Stephen Liau asked me for a template which show full gallery in the homepage and show like blog post for each image in gallery. And I answered him I was making template Simplex Photography2 . Now is the time for Simplex Photography 2 . Please take a look .







Live Demo | Download
Do you like it? ^^

To install this template ,please follow these steps

1,Download this template (of course :)

2,Open template file in any word editor you have ( I recommend Notepad++ )

3,To change header to your logo or banner ,find this code :
<div class="logo">
<h1><a expr:href='data:blog.homepageUrl'>Simplex PhotoGallery2</a></h1>
</div><!-- logo //-->
and change the code in bold to yours banner or logo ,for example :
<div class="logo">
            <a expr:href='data:blog.homepageUrl'><img src="your_logo"/></a>
        </div><!-- logo //-->

4,Change the link to categories in Category menu , find this code :
<div class="rp_list" id="cat_list">
            <a href="http://simplexphotography2.blogspot.com/"><h3>Home</h3></a>
            <a href="http://simplexphotography2.blogspot.com/search/label/human"><h3>Human</h3></a>
            <a href="http://simplexphotography2.blogspot.com/search/label/nature"><h3>Nature</h3></a>
            <a href="http://simplexphotography2.blogspot.com/search/label/test"><h3>Test</h3></a>
        </div>
Change the link and text in bold to your category name and link .Link to each category has structure :
http://your blog name.blogspot.com/search/label/category name
You can add more or remove links as your need .

5,To change the ad banner ,find this code :
<li class="widget1">
                             <a href="http://simplexdesign.blogspot.com"><img src="http://img30.imageshack.us/img30/3598/120x600ads.jpg"/></a>
                         </li>
and change the code in bold to your ad code . If you want to add code of ad network such as Adsense or Adbrite ...,you have to encode it first ,by copying the code Ad network provide ,then go to http://centricle.com/tools/html-entities/ ,paste it in text box ,click on encode ,and copy the result to template file to replace the text in bold above.

6,Save template and upload it to Blogger .

How to use this template ?

To make a post ,first of all ,you need to create thumbnail for each of your images ,many free softwares available in internet for creating thumbnail and I think you can easily search for them ( I use Yet Another Thumbnail Creator ) .Upload original image and thumbnail to a host or image hosting service .
After that ,create a post as normal .Each post should contain one image and text for description . When you finish creating content for the post  ,click on edit HTML ,find <img src="........." /> tag of your image and change it to :
<img alt="link to original image" src="link to thumbnail" />
 So the structure for a post should be like this :
<img alt="link to original image" src="link to thumbnail" />
text for description
Original image should be at least 1024x768 px and size for thumbnail is fixed at 180x120 px

That's all ,and you can publish your post .
I hope you like this template . Feel free to leave me feedback via comments ^^ Thanks for supporting me.

No comments:

Post a Comment