Foliocard Responsive Portfolio Blogger Template

41 comments :
Foliocard is a free professional portfolio blogger template. Best suited for personal and business blogs to show off your work and skills in an organized way by simply creating new posts. It is responsive and making use of Bootstrap 3.1.1 grids and menu.

Foliocard Portfolio Template Features

  • Responsive design
  • Powered by Bootstrap 3.1.1
  • Portfolio template
  • Single column blogger template
  • Related posts widget
  • Numbered pagination
  • 3 column footer widgets

How to edit Portfolio Image and Text

Edit your template and search for this code.
<section id='hero'>
          <div class='hero-block'>
            <img class='img-circle' height='150' src='http://1.bp.blogspot.com/-Y6tpP0ONlyI/U1EgaTYhCTI/AAAAAAAAAcY/cQHemDTfkGs/s1600/user.png' width='150'/>
            <h1>
              Hi, I am John doe!
            </h1>
            <p>
              Hello, I'm Admin of weblogtemplates and this is our new blogger template, Foliocard.
              <br/>
              It is extremely easy to configure and use. Designed to show your Web design or web development portfolios.
              <br/>
              No complex stuff. Your logo, your articles & your social links. Easy stuff!
            </p>
          </div>
        </section>
Replace image with your own image by replacing this
http://1.bp.blogspot.com/-Y6tpP0ONlyI/U1EgaTYhCTI/AAAAAAAAAcY/cQHemDTfkGs/s1600/user.png
Hope you all liked this template. Foliocard is created using popular bootstrap 3 html template stanley. Add your suggestions and opinions as comment.
Enable desktop template on mobile devices to avoid bad behaviour of your blog in mobile devices.
Share this

41 comments :

  1. Hey guys, how can i modify the post count on front page to 3 ?

    ReplyDelete
    Replies
    1. You can do it easily by changing default options in blogger admin panel.

      Delete
  2. thats awesome template ! I will use it on my blogger later,ths ur make it and share it:)

    ReplyDelete
  3. Hey guys, if i change the front page post count to 2, how can i center them ? I tried to change the width to 800px which then centers the thumbs, but breaks the "responsive" build. Also when I enter the post, the content isn't centered.
    Hope to get a response, you guys rock ;)

    ReplyDelete
    Replies
    1. can you please share your blog, so we can make a look at what is happening.

      Delete
    2. Ye sure, http://oneinadaytest.blogspot.com/ . I'm just trying to see if I can get it as I would like it to be on that URL. Anyways as you see I have changed the width to 800. So the 2 thumbs would be in the center. But if you now enter one of the "posts" you can see the post content has shifted to the right. So let's say that I won't change the width to 800px on #Container, that would make the 2 thumbs stay on the left not in the center but the post content would be centered. I hope you understand what I mean. I do hope that you guys can help me out. :)

      Delete
    3. I checked your blog, here it is a screenshot of a post page https://docs.google.com/file/d/0B5LoKcvpuaIXdW1wdUY3QnNWRlk/edit?usp=drivesdk which seems to be ok from here and it is center aligned and after changing the width to 800px https://docs.google.com/file/d/0B5LoKcvpuaIXUi1fQzNZLTBfUjA/edit?usp=drivesdk. Both seems to be working...

      Delete
  4. thanks vey much.. i like all template

    ReplyDelete
  5. Love this template! How do I edit the work, about, blog, and contact tabs?

    ReplyDelete
    Replies
    1. To add link to those texts in navbar you have to do some editing. Please refer this tutorial http://www.w3schools.com/html/html_links.asp

      Delete
  6. um hi! :) how do we change the background color of this template?

    ReplyDelete
    Replies
    1. Which background color that you need to change?

      Delete
  7. Dear Admin, thank you so much for this awesome template...

    I have the following problem and i need your help
    My posts are not aligned well, there are gaps between them (e.x http://tinyurl.com/eaffe-org), how can i remove this gaps?

    Thank you in advance,
    Dimitra

    ReplyDelete
  8. You need to use images having minimum image width of 400px and height of 300px.

    ReplyDelete
    Replies
    1. Thank you for your prompt response, i'll try to resize the images

      Delete
    2. i put to each post hidden images size 400X300 and most gaps left apart one from the second row, do you know why?

      Delete
  9. HI, thanks for the nice XML

    i've translate it to Arabic :a2108.blogspot.com

    hope you don't mind :)

    ReplyDelete
  10. hi, how do i add social media buttons to blog header in your theme? please guide

    ReplyDelete
  11. Hello Admin,
    Please advise us on adding facebook sharing and commenting instead of Google.

    ReplyDelete
  12. Great template for showcasing. How do I shrink the navbar and hello message?

    Many thanks

    ReplyDelete
  13. numbered pagenation not work. how to fix it?

    ReplyDelete
  14. How to post with the picture? only then there is a link to the full article.
    My blog posts are posted directly into the home

    ReplyDelete
  15. Great template for showcasing. How do I shrink the navbar and hello message?

    ReplyDelete
  16. Great theme, although none of my posts are showing - are you able to help? www.cherylobrien.co.uk

    ReplyDelete
  17. Hi, awesome theme.

    Just one question, how do i make sure all my posts are the same size? They aren't in nice neat rows but instead are scattered in different places and the images aren't centred inside the thumbnail.

    Any help would be great!

    www.graphicnebula.com is my site (i haven't changed anything yet, i'm just trying to get the post images sorted out)

    Cheers

    chad

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. hi, admin, great theme.
    i have some problem, when i post a portrait picture, the tumbnails post is align to left.
    how the tumbnails to the center?

    thanks

    ReplyDelete
    Replies
    1. Can you please share your blog url?

      Delete
  20. Thank you for this great template.!

    Just one question: how can I change for a background image the grey colour ? (I think is the "hero" section)

    ReplyDelete
    Replies
    1. Sorry for late replay.
      Which image are you talking about?

      Delete
  21. Hi, very nice template. I can't find the way to change the circular shape for the picture. Either I let the image shrink circular or it displais a broken image.

    Thank you!

    ReplyDelete
    Replies
    1. Remove this code from template which will help to display featured image as it is
      .img-circle {
      border-radius: 50%;
      }
      Try to use an image iwth same height and width to avoid image shrinking..

      Delete
    2. It displais broken image when I change anything...

      My web is: alexgaso.com if you need it.

      Delete
  22. VERY NICE :) thx you
    and can i change header image ? and how? thx before ;)

    ReplyDelete
  23. Hello,

    Why does pagination look different on cell phones?

    ReplyDelete
  24. how to add comment box in this template???

    ReplyDelete
  25. Hello!
    Very nice template, congrats!

    I wonder if it's possible to have a big image instead of the gray area (I think the gray area is called "herro" section). The idea is to remove the circle photo and have a big image in the full gray area. Is it possible?

    And like Jeniffer I'd like to know why the pagination looks different on smartphones.

    Thanks a lot!

    ReplyDelete