Naemma Theme

April 30, 2009 Leave a Comment

Naemma Theme

Naemma Theme, a portfolio theme that is similar to Anaraar Template with two(2) column, feature slider image, a welcome message board, rounded corners menu and expanded article area.

|


HOW TO SET-UP NAEMMA THEME?

After downloading Naemma Theme.rar, extract all the files in a separate folder.

Log-in to your Blogger Account, then go to “LAY-OUT”, click “Edit HTML”
Click "Choose File box" select   “Naemma Theme.xml” then "Upload"
Uploading the .xml file is not a a guarantee that the template will work the same as the demo if you will not upload also the remaining files specially the Feature Slider Image.


FEATURE SLIDER IMAGE:

To make this feature works like the same as you can see on the Live Demo, first upload all the Javascript Files (easySlider1.5.js, jquery.js and Relatedpost.js) that you extracted from the zip file. Google Pages, Fileave.com and File Den are some of the free site that hosted Javascript Files.


1. First, open “Naemma Theme” using WordPad or Adobe Dreamweaver.

2. Using Control F in your Keyboard, locate this code:

<script src='http://YOUR-HOSTING-PARTNER/Relatedpost.js' type='text/javascript'/> <script src='http://YOUR-HOSTING-PARTNER/jquery.js' type='text/javascript'/> <script src='http://YOUR-HOSTING-PARTNER/easySlider1.5.js' type='text/javascript'/>

3. Replace bold text and get the links of the Javascript Files that you uploaded.
4. Save.

To change the default images from the template, search this code  <div id='slider'>, right after this you will see;


When you edit or you want to add more feature article, just follow below pattern. You can include as many as you want.

<a href='http://LINK-OF-FILE ' title='TITLE OF FILE'> <img src='http://IMAGE-LINK.jpg'/></a>


MENU:



1. Search this code <div id='menu'>
2. You may find text like this:

<li><a href='/' title='HOMEPAGE'><strong>HOME</strong><br/>blog</a></li>
<li><a href='http://www.blogger.com/profile/01412953850148714207' title='ABOUT US'><strong>ABOUT</strong><br/>me</a></li>
<li><a href='#' title='SERVICES'><strong>SERVICES</strong><br/>our products</a></li>
<li><a href='#' title='PORFOLIO'><strong>PORTFOLIO</strong><br/>our work</a></li>
<li><a href='http://www.formspring.com/forms/?590105-FJdncKWbTZ' title='CONTACT US'><strong>CONTACT</strong><br/>more info</a></li>

3. Replace my default text (bold) and links to your own code.
4. Save


READ FULL STORY:



Pre-encoded “Read Full Story>>” is not a guarantee to make this feature work properly. In order to get this;

• Go to “SETTING / FORMATTING” then copy and paste below codes to Post Template:

<div class="fullpost"> </div>

• Click "Save Setting"


When Posting, be sure to click “Edit Html” tab, then follow below pattern:




LABEL:

• Go to “LAY-OUT / PAGE ELEMENTS”

• Click “Add a Gadget”
• Select “Labels”
• Then, Save

RECENT POST:


• Go to “LAY-OUT / PAGE ELEMENTS”
• Click “Add a Gadget”
• Select “HTML/JavaScript” , then add this codes:

<script language="JavaScript" src="http://tools.bloggerbuster.com/headlines/feed2js.php?src=http%3A%2F%2Fnaemma-theme.blogspot.com%2Ffeeds%2Fposts%2Fdefault&amp;num=10" type="text/javascript"></script>

Replace my default blog address (bold text) with your own link. Then you can specify your desire quantity of title post, just replace the "10”.

• Then, Save.

SIDEBAR 1 “About Me”:



• Go to “LAY-OUT / PAGE ELEMENTS”
• Click “Add a Gadget”
• Select “Profile”
• Then, Save

SIDEBAR 2 “Follow me on”:



• Go to “LAY-OUT / PAGE ELEMENTS”
• Click “Add a Gadget”
• Select “HTML/JavaScript”, add below codes.

<a href="http://www.flickr.com/tugot"><img border="0" src="http://i40.tinypic.com/107rg5e.jpg"/></a><a href="http://feeds.feedburner.com/jfi7811"><img border="0" alt="SUBSCRIBE TO FEED" src="http://i44.tinypic.com/14bpcuv.jpg"/></a><a href="http://twitter.com/jfi7811" title="'Follow me on Twitter'"><img border="0" src=http://i40.tinypic.com/j0zltl.jpg/�></a>

Replace bold text with your own link.

• Then Save.

SIDEBAR 3 “Labels”:



This feature is already included in the template.

NOTE: Please keep the bottom credit link as a way of respect to the designer who spend time to create this free template.

Stumble
Delicious
Technorati
Facebook
Digg

0 comments »

Leave your response!

Add your comment below,or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.