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.
0 comments:
Post a Comment