Foliocard Blogger Template

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='https://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
https://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.

  1. Y I S H
    Y I S H says:

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

  2. Anonymous
    Anonymous says:

    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 ;)

  3. Anonymous
    Anonymous says:

    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

      • Anonymous
        Anonymous says:

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

  4. Anonymous
    Anonymous says:

    HI, thanks for the nice XML

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

    hope you don't mind :)

  5. VIRAJ MAHESHWARI
    VIRAJ MAHESHWARI says:

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

  6. Mangesh Gavhale
    Mangesh Gavhale says:

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

  7. Anonymous
    Anonymous says:

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

    Many thanks

  8. Anonymous
    Anonymous says:

    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

  9. Chad Mitchell
    Chad Mitchell says:

    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!

    http://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

  10. db-know
    db-know says:

    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

  11. Café Sweet
    Café Sweet says:

    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)

  12. Alex
    Alex says:

    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!

    • Admin
      Admin says:

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

  13. Lucia Fontes
    Lucia Fontes says:

    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!