Sabtu, 30 Juli 2011

New WP Theme For Blogger - Customized Templates

Name of the template is Serge. The released date of this template is March 31, 2011. So, it's a new template. This template is designed by Lasantha Bandara. I Customized this template only for you.

Now, take a look of the template. If you wants to see the demo just click on Demo bellow the image.


Serge+Premium+Blogger+Template
Demo | Download

Take a look it's feature:
2 Column, 3 Column footer, 1 Sidebar, Adapted from Wordpress, Featured Section, Fixed width, Header Banner, Right Sidebar, Slider, Top Navigation Bar, White, Grey

How to install a Blogger template:
Just follow this link - How To Install/Upload a Blogger Template

Template Customization:
Meta Tags
Search the following two code lines and replace the read portion with your blog Description and Keywords
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Changing the Blogger Title Tag
No need to change. I added this tag for you.

Change your Favicon Icon
Search the following code and replace read portion of the code with your favicon url
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Top Navigation Bar
Just Search the following code line
<a expr:href='data:blog.homepageUrl'>Home</a></li>

The above code line indicate the home page. Just below the above code line you will find
<li><a href='#'>Business</a>

Now change # to Your Label or Page URL and Business with your menu title. Fow each menu you have to do the same. If you wants to add extra Children menu within each menu you have to add extra code just like the following
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

Slide Show Menu
To edit slide show menu search the following line
<h3>This is featured post 1 title</h3>
Replace this line with your post title. After the above line you will find description section. Replace this portion with few lines of your post. Replace read portion of the following code with your post url
<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>
Replace the red url portion with your post image url
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeh5rF4WS1Lyzhp6fvm3TJWG71NlxXs9k5fOPYwDBFWgZpYIkfMkiUNDpHD1bUBULKNA3PIkI_7Z60kWC327YNu7ms358PhWKAR-EbBbuUkc-xnf74K5po4_X6QEK0468wWjIk6LYEEaK/s1600/1.jpg'/>

Do this for your five recent posts. These five posts will show accordingly by slide show.

Blog Subscription
Replace Username with your twitter username.
<a href='http://twitter.com/USERNAME'>

I mentioned only the main features of this template. This template includes several other features and customization options as well. They are to be understood rather easily. In general, the model seems like a Wordpress theme. I hope you enjoy this Template.

Tidak ada komentar:

Posting Komentar