Anaraar Template

April 20, 2009 Leave a Comment

Anaraar Template, a portfolio template for Blogger account that has a simple front page but elegant style. Comprises of a single post on the front page which can be set-up in "Setting/Formatting" and five (5) thumbnails of Recent Posts. Single Post can also be expanded by clicking the title.

What makes this template stunning are the rounded corners that can be seen in the following areas: Menus, Main Part of the Post and the Search Tab located in the footer. And even the fixed photo background that serve as a decoration while we scroll on the other part of the blog.



<li><a href='#'>SERVICES</a></li>

You can edit links by simply inserting/replacing the # (number sign) and the title (example: SERVICES).

Single Post:

You can Set-up a Single Post in the Front Page by going to "SETTING/ FORMATTING" . Just type or replace the default number.

Recent Post:

The list of Recent Post in the right portion of the main can also be customize. Just search the following codes:

<script language='JavaScript'>
imgr = new Array();

imgr[0] = &quot;;;
imgr[1] = &quot;;;
imgr[2] = &quot;;;
imgr[3] = &quot;;;

showRandomImg = true;

tablewidth = 290;
cellspacing = 5;
borderColor = &quot;#FF0000&quot;;
bgTD = &quot;#FF0000&quot;;

imgwidth = 75;
imgheight = 60;

fntsize = 12;
acolor = &quot;#FFFFFF&quot;;
aBold = true;
icon = &quot; &quot;;

text = &quot;comments&quot;;

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = &quot;#666&quot;;
icon2 = &quot; &quot;;

numposts = 5;

home_page = &quot;;;

<script src='http://......./recentposts_thumb_no_comments.js' type='text/javascript'/>

Replace the bold text with your own codes.

Download Javascript here. Save to your own hosting site then replace the above ".js" link.
Popular Post:

Insert this code on the first sidebar, below the main post:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
<script src="" type="text/javascript"></script>

Replace bold text with your own blog address.

Latest Post:

Insert this code on the second sidebar:

<script language="JavaScript" src=";num=10" type="text/javascript"></script>

Replace bold text with your own blog address.


Label Cloud were pre-encoded so there's nothing to worry for this.



  • eliment said:  

    hi jake,

    nice templates.

    saw you comments on my blog. oo pwde ka gumamit.

  • Jake said:  

    thanks for dropping here, bro.

    By the way, I need a photo with a dimension of 1000px width X 1000px height.

  • 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.