{ Technology, Internet, Software, Tips and more ... }

16 February 2008

Freicurv Blogger Template

Freicurv is a simple and elegant looking wordpress theme that is suitable not only for personal use but for various niche of blogs. This template can be used for either 2 or 3 column.

Freicurv originally a wordpress theme created by Flisterz. If you want know more about features and documentation then check here its only for wordpress theme. And some of the features I removed in blogger template. Hope I can give that features in coming days. Before Installing blogger template read following documentation which will help you to create template as shown in demo.

Documentation

1. Asides category

I removed this widget because I dont know what is asides and also I will not support in blogger template.


2. About me section and Profile Picture.



To create a About me section like above. Create a HTML widget and Paste following code.

<div class="intro">
<img class="photo" src="http://IMAGE-URL.com/PHOTO.JPG" />
Write an introduction or short biography here!
</div>

Replace "write an introduction or short biography here" with your. I mean, a short one. Dont remove the <> tag.

To change the profile picture, upload your photo or image in googlepages or any image hosting site and simply replace the url http://IMAGE-URL.com/PHOTO.JPG with your photo url. Default size is 78 x 79px.

3. Changing the title image

There’s a file named header_title.psd and header_title.png in the download zip file - choose the format you familiar with to edit the header title image. Remove the default text and insert you own. Export it to .jpg format and find

http://freicurv.googlepages.com/f_header_title.jpg

in your blog template and replace your header title image url. The code is used in CSS code. Its recommended use only image for title.

4. Highlighting author comment.

This feature is not available now. Later I will create this feature.

5. Subscribe via email link

Theres an email icon on top. You can see in Demo page. Create another HTML widget and place the following code.
<ul id="top_i"><li>
<span class="rss3"><a href="RSS Feed Link" title="Subscribe to RSS feed"> Subscribe to RSS feed </a> </span>
</li><li>
<span class="email"><a href="Email Feed link">Subscribe via email</a></span>
</li></ul>

Use this as a link for feed subscription via email. Get you SUBSCRIPTION LINK from you Feedburner dashboard (or any other services). NOT SUBSCRIPTION FORM.

6. Choose either 2 or 3 colums.

This is not any complex method or anything. In fact it is just a recommendation on how you can manipulate the 3 widgetized sidebar in Freicurv in order to make your blog into 2 or 3 columns. View the complete Freicurv visual structure here. This structure is created by Flisterz for his wordpress theme.

To achieve a normal 3-column layout, you just fill up the 3 given sidebars widget - Sidebar 1, Sidebar 2 and Sidebar 3(optional). The demo site is using this method so you view the example there.

To achieve a 2-column layout, you can simply ignore Sidebar 1 and Sidebar 2, and fill up all your widgets inside Sidebar 3. See a screenshot of a 2 columns Freicurv. I leave 2 widgets into Sidebar 1 and Sidebar 2 there; just to help you visualize the position of those, hopefully.


Read above documentation or follow this instruction to install freicurv template.

Instructions

1. This template require 5 HTML/Javascript widget and one Feed Widget.

HTML1 - the horizontal top menu
HTML2 - RSS feed link in top Header
HTML3 - About me section
HTML4 - the Search Box
HTML5 - bottom navigation link.
Feed1 - is the Recent Post Widget
All other widgets are optional and Custom Links widgets.

2. Horizontal Top menu use following code.
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" title="About">About</a></li>
<li><a href="http://akoogle.blogspot.com/" title="akOOgle">akOOgle</a></li>
</ul>
3. Recent Post widget

Add a Feed widget and enter your RSS feed url Change Title as Recent Posts or Entries.

Later, I will write a post for this widget and I will give a javascript file. Using that you can customize the recent post widget.

4. Set the Date format.

To have a date like on the demo site, then your blog post time stamp must be set on this format
"Thursday, January 12, 2007" Please refer to this article here (date format on blogger) to make sure that you set the right date.

5. Bottom Navigation Link.

Use following code It same as Horizontal menu code with one Top link.
<ul id="botnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" title="About">About</a></li>
<li><a href="http://akoogle.blogspot.com/" title="akOOgle">akOOgle</a></li>
<li> &#8593; <a href="#"> top</a></li>
</ul>

6. Search Form.

Please refer to this article here to add search form in your template

7. Final Step!

For more follow blogger template installation guide and Host all the images needed by this template to your own GooglePages.

Done! Now check Live demo and download.

Demo and download

Download Freicurv now and leave me some comments. Thank you!

download preview theme


Download Wordpress theme or check demo here.

If you're new here, you may want to subscribe to my RSS feed or by Email. Thanks for visiting!

16 comments:

Anonymous said...

Hey thanks for converting my Freicurv theme to Blogger template. I will put the link to this page later.
*The 'download' and 'live demo' button look familiar though :)

akOOgle said...

@flisterz,

welcome, Thanks for your comment. Your theme is really very nice ... some people may be asked you for blogger template. So, give me a link in your blog. So, blogspot user can download this template from here.
Sorry, I used ur buttons for 'download' and 'live demo' .. Later, I will replace with my own download and demo button.

SOLOMONSYDELLE said...

I just discovered your blog and want to say thank you for making these conversions. I, however, keep getting error messages when I try to upload this and Identity on my trial blogs.

Any advice?

Take care!

admin said...

@solomonsydelle,
I tested Identity template once again. There is no problem in upload. Anyhow pls tell me what type of error you getting. I will give solution.

BTW check this tutorial will help you in installation. http://feeds.feedburner.com/~r/akoogle/~3/229003870/how-to-install-new-blogger-template.html

SOLOMONSYDELLE said...

Thanks for the suggested link. I still got the same error message when I attempted to upload Identity and freicurve - bX-ns31cj

Thanks so much for your time! Although both are lovely and professional looking, I am actually leaning towards Freicurve. i wonder, can I replace with personal header?

Syed said...

Hi Solomonsydelle,

I don't think a problem in this template. Pls try in some other blog or give me access to your blog I will install this template for you. (Just add me as an author for your blog. Its only for install this template).

You can easily replace your own header. The PSD file is available in zip file. The header Image used in CSS style. So replace the source with your personal header. Thanks!.

Anonymous said...

Nice job you did to my fav theme..

Where you learn to convert the wordpress theme to blogger?

I cant find any in mrs Google.. :)

Anonymous said...

@mistanars,

There no secret behind. Anyone can convert a theme to blogger with minimum html & css knowledge.

I'm preparing a simple tutorial to convert a wordpress theme to blogger template. I will try to release tutorial as soon as possible. Bcoz lot of my readers asking me the same question.

Hope the tutorial will help blogspot users to customize their template.

Thanks for your comment.

Unknown said...

Thanks for this template!

I used it in to my blog. But the comments link is lost when someone do a comment. How to solve this?

Thanks again!

Brandon said...

Yeah I love the theme, but I also lost the comments link. Any ideas?

Thanks

Brandon said...

I just noticed that the comment links don't work in your demo site either.

Just FYI

Ivsflowing said...

what´s going on with the comments link bro...
heeelp

monn said...

have the same problem with the comment nobody cant comment

MuddassirShah said...

HI,
THanks for the theme.
Please checkout my blog
http://thebrokenyardstick.blogspot.com


No one is able to post comments on my blog.
Please help me out on this.

Also the date comes as undefined in each blog, can you help me with that too?

awaiting your candid reply

Term Papers said...

I have been visiting various blogs for my term papers writing research. I have found your blog to be quite useful. Keep updating your blog with valuable information... Regards

Beuty Blog News said...

nice job friend, thanks for this template.. gbu ^_^