VCard Responsive Blogger Template

Demo - Download

Platform : Blogger/Blogspot

Template : Vcard Responsive Blogger Template

Author : Syed Faizan Ali

Release date : 16 November 2013

License : Create Commons Attribution 3.0

VCard Responsive Blogger Template is a Professional and personal CV template made for personal information, resumresume and portfolio. vCard Blogger Template is stylish as well as elegant. We have designed it with pure techniques that will give a flow to your information. It has simple yet effective tab navigation which would help you to switch from the portfolio of your most recent work. This colorful theme is fully responsive which means it looks perfect on all standard devices. The flexible options and robust techniques used in this theme makes it the best CV Blogger template.

How to Display Post via Labels

The first thing you need to do is to log in to your account. After logging in go to Blogger >> Layout >> (Tab Widget 1) >> and paste the following piece of coding in the HTML Box. After pasting the code, you need to work with Labels to display the posts. Just replace “Featured” with any other label you are willing to use to display the posts. Once done, save the widget.

1. Style Normal

<script type='text/javascript'>

var numposts = 6;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = false;

var showcommentnum = false;

var showpostdate =  false;

var showpostsummary = true;

var numchars = 100;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Featured?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Screen Shot Style Normal

2. Style Grid

<div class="normal_grid">

<script type='text/javascript'>

var numposts = 9;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = false;

var showcommentnum = false;

var showpostdate =  false;

var showpostsummary = true;

var numchars = 100;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Grid?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

</div>

Screen Shot Style Grid

3. Style Small Grid

<div class="grid_layout">

<script type='text/javascript'>

var numposts = 12;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = false;

var showcommentnum = false;

var showpostdate =  false;

var showpostsummary = false;

var numchars = 100;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Featured1?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

</div>

Screen Shot Style Small Grid

4. How to Display Recent Post

If you are willing to display Recent Posts then you have to follow same steps. Go to Blogger >> Template >> Edit HTML >> (Tab Widget 4) >> and paste the following piece of coding in the HTML Box. Once everything is done, save the widget.

<script type='text/javascript'>

var numposts = 6;

var showpostthumbnails = true;

var displaymore = true;

var displayseparator = false;

var showcommentnum = false;

var showpostdate =  false;

var showpostsummary = true;

var numchars = 150;</script>

<script type="text/javascript" src="http://rdesigntheme.blogspot.com/feeds/posts/default?max-results=6&orderby=published&alt=json-in-script&callback=labelthumbs"></script>

5. How to Rename Tab Widget Title

To Rename the title of 5 tabbed widget area, you have to get into the Template coding. Go to Blogger >> Template > Edit HTML >> and search for <!-- Tab Widget Names -->  . Now you will be able to see the titles of the tabbed widget. Now change and customize it according to the desire needs.

Thanks You and Don't forget follow via Twitter @Dzibent_007

Tags: #Blogger#Template