-->

Selo Aji

Tips Unik dan Menarik

VCard Responsive Blogger Template



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

Baca juga:

7 komentar

avatar

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

Mampir ya....

Blog : Aji-Apps

Balas delete
avatar

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

Balas delete
avatar

ya silakan dicoba templatenya :)
langsung ane meluncur gan..

Balas delete
avatar

edit widget biar nongol gimana caranya gan ?
ngga bisa bisa ni

Balas delete
avatar

maksudnya nongol gmn gan?

Balas delete
avatar

ini ganti gambar muka orangnya gimana gan?

Balas delete
avatar

cari di template HTMLnya gan

Balas delete