Blogger Magazine Templates

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.

Menu:

<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;http://i39.tinypic.com/4keej5.jpg&quot;;
imgr[1] = &quot;http://i43.tinypic.com/2q2lkoz.jpg&quot;;
imgr[2] = &quot;http://i43.tinypic.com/2ef4zrl.jpg&quot;;
imgr[3] = &quot;http://i42.tinypic.com/2nrhkbd.jpg&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;http://anaraar-template.blogspot.com/&quot;;

</script>
<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>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Fanaraar-template.blogspot.com&num=30" 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="http://tools.bloggerbuster.com/headlines/feed2js.php?src=http%3A%2F%2Fanaraar-template.blogspot.com%2Ffeeds%2Fposts%2Fdefault&amp;num=10" type="text/javascript"></script>

Replace bold text with your own blog address.

Labels:



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