Home » , » VCard Responsive Blogger Template

VCard Responsive Blogger Template

Written By Selo Aji on Wednesday, November 27, 2013 | 10:09 PM



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

8 komentar:

  1. Keren dan simpel nie tempelate nya. Ijin download Mas.....

    Mampir ya....

    Blog : Aji-Apps

    ReplyDelete
    Replies
    1. Betul gan kreatif n responsive. Iya silakan di download langsung :)

      Delete
  2. info bagus ._. Follow 'n comen back www.akhmadraauf.blogspot.com/

    ReplyDelete
    Replies
    1. ya silakan dicoba templatenya :)
      langsung ane meluncur gan..

      Delete
  3. edit widget biar nongol gimana caranya gan ?
    ngga bisa bisa ni

    ReplyDelete
  4. ini ganti gambar muka orangnya gimana gan?

    ReplyDelete


SEO Reports for selo-aji.blogspot.com Free PageRank Checker