Visiting Card

Visiting Card Blogger Template
Template Details :
Platform Type Blogger / Blogspot
Template Name Visiting Card Blogger Template
Instructions URL How to install blogger template?
Template Authortemplate grid
DesignerR. Bhavesh (http://rbhavesh.com/)
FeaturesGray, Red, Bookmark Ready, Top Navigation Bar, Custom Menu, Free Premium, Elegant, Personal, Web 2.0, Unique, Portfolio etc.
Descriptions

Visiting Card Blogger Template is a free premium blogger template. Visiting Card is a Virtual visiting card. You can add your social links, your time link and other pages in that template. It is a very good work of JavaScript.
This template is for virtual card/personal template .

Search Tag :
Visiting Card Blogger Template
Visiting Card Blogspot Template
Visiting Card B Template
Visiting Card Blogger Theme
Visiting Card Blogspot Theme
Visiting Card B Theme

Instructions


1. Create a New blog for your visiting card 

2. Create two posts, one for your "About" page and the other for your "Contact" page. In the "Contact" just put a word, what ever, it'll not appear when you'll install the visiting card blogger template.

3. Show your blog in the browser and copy the link location of the two posts.

4. After that, go to edit the posts and delete titles then publish again.

5. Extract Blogger Template and upload it as your new template.

6. Go to Layout > Edit HTML > and check "expand widget"

Find this line :
<b:if cond='data:blog.url == &quot;http://yourblog.blogpost.com/about.html&quot;'>
Put your about page link instead of http://yourblog.blogpost.com/about.html

Find this line :


<b:if cond='data:blog.url == &quot;http://yourblog.blogpost.com/contact.html&quot;'>
Put your contact page link instead of http://yourblog.blogpost.com/contact.html

Save your template.

7. Menu links

Find these code :


<li><a href='http://yourblog.blogpost.com/about.html'>About</a></li>
<li><a href='http://yourblog.blogpost.com/contact.html'>Contact</a></li>

Replace the two links with yours (those you have copy in the step 3)
8. Picture or avatar


<img alt='VisitingCardBlogger' src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cKtQx3IcI/AAAAAAAAC0w/wDvGlqilXN0/s1600/person.png'/>
Put your Picture or avatar link to replace http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cKtQx3IcI/AAAAAAAAC0w/wDvGlqilXN0/s1600/person.png

Your picture must have 59px with and 60px height.

9. Title and description

Find these codes and replace it:
<h1>My visiting card</h1>
<p>A short description of your person</p> 
 
10. Networks links

Find these codes and add your links between '' after href=
<li><a href=''><img src='http://3.bp.blogspot.com/_hrhg1n2KA3Y/S1cJ1P1CAbI/AAAAAAAAC0k/oncblNUTnjU/s1600/i_twitter.png'/> <strong>Twitter</strong>twitter.com</a></li>
<li><a href=' '><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cG49qPkbI/AAAAAAAAC0E/cRJCajcofK0/s1600/i_facebook.png'/><strong>Face Book</strong>facebook.com</a></li>
<li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cJoivorHI/AAAAAAAAC0g/lqjKkW9724Q/s1600/i_stumbleupon.png'/> <strong>Stumbleupon</strong>stumbleupon</a></li>
<li><a href=' '><img src='http://1.bp.blogspot.com/_hrhg1n2KA3Y/S1cFjp1MGHI/AAAAAAAACz0/G5ZMG-Cc-CY/s1600/i_delicious.png'/> <strong>Delicious</strong>delicious.com</a></li><li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cGJg-GmoI/AAAAAAAACz8/6CnnFCaogs4/s1600/i_digg.png'/> <strong>Digg</strong>digg.com</a></li>
<li><a href=''><img src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cH0YoNPrI/AAAAAAAAC0I/oTomBZMJW28/s1600/i_flickr.png'/> <strong>Flickr</strong>flickr.com</a></li><li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cIALnrYLI/AAAAAAAAC0M/rZxCss-b77g/s1600/i_lastfm.png'/> <strong>Last.fm</strong>last.fm</a></li>
<li><a href=''><img src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cI162218I/AAAAAAAAC0U/5ND7ykx0pCg/s1600/i_myspace.png'/><strong>My Space</strong>myspace.com</a></li>
<li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cJMETBFeI/AAAAAAAAC0c/HYkIEcQT8kw/s1600/i_reddit.png'/> <strong>Reddit</strong>reddit.com</a></li>


11. Contact content

Find these codes and put your informations

<div class='row'><span class='field_l i_company'>Company:</span><span class='field_r'>Your Company Name</span></div>
<div class='row'><span class='field_l i_location'>Location:</span><span class='field_r'>You Location (Town, Country)</span></div>
<div class='row'><span class='field_l i_web'>Website:</span><span class='field_r'><a href='http://yourblogurl.blogspot.com'/></span></div>
<div class='row'><span class='field_l i_mail'>E-Mail:</span><span class='field_r'>youremail@host.com</span></div><div class='row'><span class='field_l i_mail'>IM :</span><span class='field_r'>YourIM</span></div>
<div class='row'><span class='field_l i_mail'>Skype:</span><span class='field_r'>yourskype</span></div>

Save your template and Enjoy!

Rating: 4

3 Person has expressed his thoughts, Now you turn guys!

+ Add Your Comment

We Recommend