This is beautiful template by Kailoon at Themforest. A really beautiful theme with many great features. As promised in my tweets I have provided two templates in the first two weeks of October.
Features
- 6-color options Red,darkblue,grey,black,green,purple.
- Build in related posts widget under every post.
- Jquery powered SuperFish for dropdown menu
- Compatible with major browsers.
- Flickr gallery showcase.
- Easy integration with static pages ( Check its About page).
- 3 column customizable footer.
- PSD included.
- Ad Management System.
- Social Linking (Digg, StumbleUpon, etc.)
Customizations
1. Installing color style � In the download I haven�t added the code that will colorize the template. That you have to do it yourself. Choose the color that suites you. I have provided codes in the download. Just copy the color code and paste it just above ]]></b:skin> tag in the template.2. Adding Flickr gallery to footer � To add flickr gallery to the footer just paste the below code in the widget option (HTML/JavaScript) after replacing the code in bold with your flickr UserID.
To find the UserID login to Flickr account and Click YOU option in the navigation. You will be directed to a URL like :-http://www.flickr.com/photos/8710861@N07/. The code 8710861@N07 is your UserID
<div class='flickr_wrap'>3. Related posts with thumb � The related posts with thumb widget is already installed in the template so you don�t need to install it again.
<script src='http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=UserID' type='text/javascript'/>
</div>
Just remember the script of the related posts widget is a bit different from those found in the blogosphere. I have provided the script with the download.
4. Use jump link option in blogger draft to hide part of the post.
5. How to post � Use images of size 200px X 200px and add class=�thumb� to the img tag. Remember there should not be any additional border class added in the img tag. The img tag should be like shown below:-
<a class="thumb" href=""><img src="" style="height: 200px; width: 200px;" /></a> <p> The content goes here </p>It should not be like below:-
<a class="thumb" href=""><img src="" style="height: 200px; width: 200px;border:0px;" /></a> <p> The content goes here </p>6. Changing the logo � To change the logo I have provided psd (Photoshop document) with this template. Edit the logo.psd and make the adjustments in Photoshop. Save it as logo.png( don�t save as jpg format ). Upload it online and get the url. Go to template code and find
<h1 id='site-title'>Just below it will be default logo url change it to your own�s and save the template.
If you have any problem or bug then leave a comment I will be happy to hear.
