Sunday, November 14, 2010

Aristo Blogger Template

Aristo Blogger Template



Template name : Aristo

Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Grey, Magazine, Premium, Red, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White

Release date : November 15, 2010

Coder/Designer Name(s) : Lasantha Bandara / Web2feel

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://www.web2feel.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2010/11/aristo-blogger-template.html



Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE,KEYWORDS HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.


Configure Featured Content Slider

There is 4 featured slides in this slider.Login to your blogger dashboard--> layout- -> Edit HTML. Find below code.

This is the code for the first slide:

<!-- Featured Slide 1 Code Start -->
<li>
<a href='SLIDER-1-LINK-HERE'>
<img class='slidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZSIMRfuQP29-I60N7ZZeQ16e0oIHFPrrehn1NtSrqNk730_i9w7PugeV1AqicZtvMinrZcujB3w1qwOZAurxNz3rYyHg1e9N8dAKSbsx642I9tXPjVBsMVWLdrGSw-s4c0oM2NN4Hbic/s1600/1.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com [...] </p>
</span>
</a>
</li>

<!-- Featured Slide 1 Code End -->

  • Replace "SLIDER-1-LINK-HERE" with your slide link(where to go when click on this slide/image).
  • Replace "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6MO97PiBqlAp7mIvDHjVD0Z8tsxLcj5F52k7bf6ycNL9WMMKCImt8tSM-MReZS_EGJ-jzZGg7b3_xFn0Bm_Tby_2Njkx1Ktor8jYxEnh-AYzhY18ackqkauS-Xw2oD5geejQv004ftYM/s1600/image-1.jpg" with your slide image url.
  • Replace "Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com [...]" with slide description.
NOTE : Slide images must be 650px width and 270px height.

Ok.Now we have configured first slide in the slider.Also you can configure other 3 slides, like this.

How To Configure First(Top) Navigation Menu

Find <div id='catmenucontainer'> inside your template.(using CTRL+F).This is the beginning of the first navigation menu.Now follow the steps given here:

How To Configure a Navigation Menu


How To Configure Second Navigation Menu

Find <div id='foxmenucontainer'> inside your template.(using CTRL+F).This is the beginning of the navigation menu.Now follow the steps given here:

How To Configure a Navigation Menu


How To Configure Bottom Navigation Menu

Find <div id='footmenu'> inside your template.(using CTRL+F).This is the beginning of the navigation menu.Now follow the steps given here:

How To Configure a Navigation Menu


How To Add a Header Logo


You can add a header logo for this template easily in the "Page Elements" section(Blogger Default Method).

If you have any problem regrading this template,leave a comment below.

Important !!!:

Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

No comments:

Post a Comment