Blogger Template | Webfolio



Webfolio is a free premium like blogger template which all you will be going to like for sure.It is magazine style template with many inbuild features and ready widgets inside it.Some of the main features are navigational menu links .Rss widget is ready.Main features are slider gallery for your posts.It also consists of three column footer.Search bar also ready with full blogger functionality.It can be said as both two column and three column template.I have provided you three versions of it.Use any you like.

Other free premium blogger templates you would like for sure are Texture Art, Maimpok and Masugid.

Full Version Magazine Style




Magazine Style Without Gallery




Simple Version, No Magazine Style









Webfolio Template Installation



  • Date Format

  • Just Go to Blogger Settings > Formatting > Date format
    and select this type of format Monday, April 19, 2010

  • Home Page Widgets

  • Just Go To Blogger Layout > Page Elements ,you will see three add a page Element widgets at top below slider.Just add all widgets there which you want to show only on homepage.

    Just for writing post summary or text,write the content in below format in text widget or HTML/Javascript Widget.

    <p>Text goes here</p>
    <a href="Post-URL-HERE" class="more-link">read more</a>


  • Featured Slider


  • Find the below codes.


    <!-- slider item -->
    <div class='panel'>
    <div class='image'><a href='Post-Url-Here'><img border='0' height='337px' src='http://4.bp.blogspot.com/_v5IxGTiMTD8/S5W4W-xVMkI/AAAAAAAAAsI/KDQxzBkqXNs/s1600/Simplebox+Blogger+Template.jpg' width='600px'/></a></div>
    <div class='right'>
    <div class='text'>
    <div class='featured'><img src='http://4.bp.blogspot.com/_v5IxGTiMTD8/S8Vo21zdwBI/AAAAAAAAA7g/kUnrztCYLL0/s400/ico_star.png'/> FEATURED POST</div>
    <h1><a href='Post-Url-Here'>Post Title Goes Here</a></h1>
    <p>Post Description Goes Here.... </p>
    </div>
    </div>
    </div>

    <!-- slider item -->
    <div class='panel'>
    <div class='image'><a href='Post-Url-Here'><img border='0' height='337px' src='http://2.bp.blogspot.com/_v5IxGTiMTD8/S6NoAjj2wvI/AAAAAAAAAtg/vjzq_p6KYlQ/s400/Florance+Blogger+Template.jpg' width='600px'/></a></div>
    <div class='right'>
    <div class='text'>
    <div class='featured'><img src='http://4.bp.blogspot.com/_v5IxGTiMTD8/S8Vo21zdwBI/AAAAAAAAA7g/kUnrztCYLL0/s400/ico_star.png'/> FEATURED POST</div>
    <h1><a href='Post-Url-Here'>Post Title Goes Here</a></h1>
    <p>Post Description Goes Here.... </p>
    </div>
    </div>
    </div>


    Just replace all red content above as written and also the image link.And keep editing all as below.You can add as many slider items also you want.Keep on adding them.

  • Footer Social Buttons


  • If you like the social networking widget in footer of template demo then you can use below codes to use it else use any other widget you like.

    <ul id='social'>
    <li class='twitter'><strong>Twitter</strong><br /><a href='http://twitter.com/anshuldudeja'>http://twitter.com/anshuldudeja</a></li>
    <li class='facebook'><strong>Facebook</strong><br /><a href='http://www.facebook.com/anshuldudeja'>http://www.facebook.com/anshuldudeja</a></li>
    <li class='linkedin'><strong>Linkedin</strong><br /><a href='http://www.linkedin.com/companies/your-username-here'>http://www.linkedin.com/companies/Your-username-here</a></li>
    </ul>


I hope you will like this template for sure.If any problems leave the comment below.

42 comments:

rafelzone said...

very nice..
Im really like ur themes so much..

कृष्णपक्ष said...

But anshul, this template is not displayed properly in internet explorer.

Anshul said...

its compatible with IE 7 and 8 not IE6.

Fatih said...

date of post is missing

Anshul said...

@faith updated the post

Fatih said...

no.., i mean date posts do not look.,

just show "UDEFINED"

you can check by your self., here:

http://www.otiesta.com/2009/10/skype-tawarkan-nelpon-gratis-di-nokia.html

Mr.Hackublog said...

Hi ,Anshul

Very Grate design!

Thank you somuch.

► Hackublog

Anshul said...

@faith just read installation of template as above and follow date format step man it will get removed.

Yogi Prasetiya said...

hy, like this template...

Meindert Kuyvenhoven said...

Hi Anshul,

Nice work! Got all the default functionality working so far and it looks great in IE7, Chrome and Firefox.
I would like to use the 'Full Version' as a landingpage and a second page (from the menubar) for posts, like this: http://wordpress.site5.net/webfolio.

Any suggestions?

Thanks in advance for your reply...

Meindert Kuyvenhoven said...

Hi again,
Previous problem is solved using labels: works perfect!
Another question: wich widget did you use for 'Recent posts'?
I've tried a few but none of them seem to adopt the theme.
Thanks in advance...

Anshul said...

@mein just use simple feed widget add a page element from layout and give your feed url will be good second option is take from http://feedburner.google.com/ you just need to first brn your blog feeds there.

Meindert Kuyvenhoven said...

Thanks Anshul,
First AND second problem solved! Great advice.
Here's a third: I just implemented a (standard blogger) poll.
It doesn't seem to acquire the theme/skin.
Can you help me out (again)?
Thanks in advance...

Anshul said...

@mein when blogger give widgets they either automatic them to take syling from template or give options of colors to syyle.We cant do anything to it on our side.

HusnuL said...

Hey Anshul, I love this template.... but I need help, why the slider didn't work when I added another javascript which is Light Box.

Anshul said...

@husnul just try change position of script in template.Because when we use many scripts in template sometimes they clash each other and dont work.Either try placing the script before slider script or after.May be it can work but not sure.

BALI MUSHROOM said...

Hi Anshul, I am Ferdy from Indonesia. Thanks for this great theme. I've work hard here and there to set the theme..hahaha, because I'm just a newbie. I have a question. How can I put an icon or small picture together with the text on HOME PAGE WIDGETS below the slider? Just like what I see on the DEMO..
Thank You.

Anshul said...

@bali befroe the text use this
<img class="alignleft" src="Image-Link-Here" width="48" height="48" />

Miguel Espino said...

Hi Anshul, great theme, I love it, Thanks! But can you help me? I'd like to add on top menu two external links to the blog, I don't know where to add this URLs, please will you help me? Thanks in advance!

Miguel Espino said...

Hi Anshul, is it possible to add a static page with all posts of the blog as the content? I mean, a static page with all the content of the blog as it was before I use webfolio theme (using a simple theme without a frontpage) or something like that? TIA Miguel

Halil said...

Dear Anshul,
Thanks for this great template. I have a few questions.

-How can I change the "post title"s font and add hover effect?
-What is the best way to add a logo for the header(maybe a letterhead)?
-How can I change the language code for the sidebar titles? Some letters are not right when written in Turkish.

I appreciate your help...
Thanks in advance

Anshul said...

@miguel extra link can be added just rom linklist widget in design > page elements.didnt got exactly second ques

@halil you have to chnage properties of tempate css to make these chnages.you should know abut it to make these many chnages in template.

win said...

how do to make related post text, below my post like yuor another themes for exmple "marahan". thanks.. (I'm sorry my english bad)

Anshul said...

@wi its simple related post widget find for it in my blog u will get how to install.

Halil said...

Anshul,
How can I integrate my "google custom search code" in the templates' search box?

thanks in advance..

Anshul said...

@halli chnage seach codes with google custom search.

Josh Luyo said...

Hello Anshul^^

Congratulations its a Great work!

I got a problem ....my page doesn't show any posted pictures -.- as well as the slider -.-

I'm using IE8... I'am hosting my own js files.

All codes works fine offline in my html editor...but not in my blog .....-.- any suggestion, please?

I appreciate your help.

Thanks in advance


Regards~

Josh

Anshul said...

@josh didnt got exactly what problem u saying.Show me demo.You saying about blogger post page or blogger pages.

Josh Luyo said...

Hi Anshul,

Thanks for your quickly reply^^

Well here's my blog:


http://venteensproducciones.blogspot.com/


I managed to show my pictures in my recently post... I just upload once again the xml template and created a new post and viola!....but this time keeping the widgets that webfolio template doesn't need it..... it's ok to do that??

..but I still, I can not show my pics in the slider....I try the slider code in my html editor and works fine offline and online...but not in my blog -.-

Best regards~


PS...if you need acess to my blog I will send you my info per your request.

Thanks a lot


Josh

Anshul said...

@kosh me using 2 bowsers mozilla and second IE7.
SLider is showing images in both browsers of your blog.Chek your browser try updating it.

Josh Luyo said...

Dear Anshul, thanks very much for your advise ... I never knew that the problem was in my browser..I'm using IE8...I just reinstalled and everything is working excellent now...thanks a lot once again^^

Best regards~

Josh

BESTPAL said...

Hi Anshul,

Great template. Can you show me how to add the "Facebook Like" and how do I include the Page Post on the homepage?

Thanks,

Bryan

Anshul said...

@bestpal find og google for like button u will get many tutorils as me not did this tutorial and page post on homepage didnt got what u want.

Apeira said...

hey Anshul
Amazing design but i was wondering if its possible to change the white background to the same background as the header and the footer?...

Anshul said...

@apeira everything can be done just need to know css :)

Halil said...

Hi Anshul,

Template is not compatible for IE6...

Why is that?

Thanks....

Anshul said...

@Halil IE 6 has been dumped me dont dsign for its compatiblity and only 5 u will get out of 100 doing for it and also for premium ones no one gives for free design on compatibilty with 6

Priyank Kumawat said...

Anshul, how can we remove the posts element from the home page?

Anshul said...

@priayank there are 3 versions use one without

Priyank Kumawat said...

Thanks, its working now. Is it possible to use full version with posts element?

Support said...

Hi Anshul!

I'm a big fan! Thanks for creating us great template! Keep the good work!

Post a Comment