e-Business Card Blogger Template

We at Bloggermint always try to introduce new concepts for Blogger templates not only in terms of design but also its function. Previously, we had released a unique Twitter-like Blogger template, Twit Plus. And now, we come with another cool template concept where your blog becomes your business card.

The template idea was inspired by standard corner UPrinting Business Cards printing. And thanks to psdgraphics.com for the background image.

business cards

Template Settings

1. Author Image

 <div class='authorimg'>
     <img src='http://3.bp.blogspot.com/_ubwIhqPcR6M/TUWWTOU81CI/AAAAAAAABI8/mWQbhk1iClc/s1600/frank default.jpg'/>
</div>

2. Author Name

 <span class='name'><h3>Franklin Manuel</h3></span>

3. Author Bio

 <span class='bio'>I am a web designer and front-end web developers. Loves iPhone hacking.</span>

4. Website URL & Mail

 <span class='web'><b>Web : </b><a href='http://www.bloggermint.com'>www.bloggermint.com</a></span>
     <span class='mail'><b>Mail : </b><a href='mailto:bloggermint@gmail.com'>bloggermint@gmail.com</a></span>
</div>

5. Social Networking Sites Links

   <div class='socials'>
      <ul>
      <li><img src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TUWUKn-HWWI/AAAAAAAAB5Q/LQ6Jx6xKmH4/s1600/facebook.png'/><a href='http://www.facebook.com/franklin.lawrence'>Facebook</a></li>
      <li><img src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TUWULifkzoI/AAAAAAAAB5g/w9VT38dst4Y/s1600/twitter.png'/><a href='http://twitter.com/bloggermint'>Twitter</a></li>
           <li><img src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TUWUKbwn8WI/AAAAAAAAB5I/aGX4TO7eNl4/s1600/myspace.png'/><a href='#'>MySpace</a></li>
       </ul>
  </div>

6. To Change Twitter URL: Change the bloggermint text to your Twitter handle

  
  <div class='tweets'>
     <ul id='twitter_update_list'>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='https://api.twitter.com/1/statuses/user_timeline/bloggermint.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
     </ul>
 </div>

Another unique template from us. Tell us what you think about it.

January 31, 2011. This entry was posted in Blogger and tagged , , , . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!

48 Responses so far!

  1. Hey! Awesome template..!
    Thats what called e-card…

  2. Great one thank you very much !!!!!!!!!

  3. its awesome man
    it is best template i have ever seen hats off to you

  4. Pingback: Simplify Blogger Template | Bloggermint

  5. Really nice! Wish you release a version for WordPress. A nice thing to have on the about or author page!

  6. Good one! For people who need a virtual business card only.

    Tiny thing: The card could start a little lower so it doesn’t seem it cuts into the finger. Other than that, great idea.

  7. this is a brilliant work done in blogger. not that this concept didnt came to mind but the way it is worked out is simple and catchy and all my praises. Mint up the good work. :)

  8. The e- business card looks great!! Good work.
    There is a bit of problem,when I clicked my Facebook,twitter icons it redirected properly when i was on .blogspot but just for testing I changed my sub-domain name to .tk or co.cc . Now the twitter link wont work,whenever its clicked it remains on the same page.

    Well i tried solving it by adding TARGET=”_blank”

    • @Anish: Make sure your cloaking is OFF and Kill frame is set to OFF / No.

      Otherwise create account with .co.nr (free too); with above settings you will have no problem :)

  9. mrChingunjav

    tnx

  10. very2 nice bro..good job :)

  11. But how i can see internal post?

  12. I cannot have the background image ( two fingers that held the card)
    could you help.
    Thank you

  13. Perplexed Guide

    Anyway you can make a Google+ (centric) version of this? without the Twitter, Facebook, or MySpace reference?

  14. I don’t understand how to create it.

  15. how can we get twitter updates…it doesn’t work for me……can u suggest that part……..

  16. This blog is good

  17. Hello,

    I love it and want to use it but having a problem I already have a template for my blogger blog, I want to use it as my contact page when I copied to source code and pasted it in the HTML tab of my page it was too big and the test wasnt in the box any help ?

  18. thats something new…liked it..

  19. Donald Smith

    Thanks for the treat! If at all possible, as you learn more on business card sizes, would you mind updating your blog with more details? It truly is highly helpful for me. Massive thumbs up for this article!

  20. wow…..thanks

  21. Hello Franklin….

    I try to use the Franklin Manuel but the twitter url doesnt work….what can i do?

    can you explain a little?

    Thanks bro

  22. Hey,

    whenever i add my own picture, the picture does not get resized and it appears as a large picture. Please help!

    thanks!

  23. Pingback: e-Business Card - Blogger Template to Make Online Business Card

  24. Hi Franklin.
    I have tried several times but cannot get the template to open.
    I have downloaded and tried to open, and tried to open directly from your download link.
    Help?
    Thanks.
    Harvey

  25. Pingback: New Blogger e-Business Card Blog « Technical Recruiting

  26. Pingback: Download Gratis Business Card Blogger Template | Blogger Jelek

  27. Hi Franklin,

    Thank you for this super template, One request – Can you guide me how can i add support for pages in this template?
    e.g. I can give a link to a page on Home Page which should go to the pagei have created on the same blogger site?

  28. how to add element in this template cuz is blank ?
    tx u….

  29. Thank you for the template. When I download, I have only the .xml file from Box.com. Is there a css file and a set of images come with this package?

  30. thanks for your template

  31. Thanks for the template. The last 3 websites where I downloaded gave a corrupt file. :-(

  32. hey!!! gracias!!! por esots pasos me sirviio de mucho saludos!

  33. For some reason the most recent tweet box no longer displays the latest tweet. Please click on the live demo and you’ll see what I am talking about. If there’s any way to fix this please reply with instructions. Thank you in advance.

  34. pleezzzz help… how to creat tweet list :/

  35. Hello, Do you have for wordpress I really like this. If you have please kindly email me thanks.

  36. Tweet Box Not Working!!! Please Fix Code!!!

  37. Thanks for the template .. He very wonderful

  38. Hi everyone. Took me some playing around with but I figured out a few things that some were having issues with.

    First I recommend you go here and see this video tutorial – granted it is not a zip file but if you upload the xml file the way it says you can edit the html.

    http://www.youtube.com/watch?v=JeO3KhwnAoc&feature=player_embedded

    Then for the twitter feed part:
    First I took his link and opened in a browser – it presents it as a text file (try it)

    https://api.twitter.com/1/statuses/user_timeline/bloggermint.json?callback=twitterCallback2&count=1

    Then I played around with it in the browser until I got mine to come up

    Mine is here:
    https://api.twitter.com/1/statuses/user_timeline/kerwood.json?callback=twitterCallback2&count=1

    Just replace the part that says kerwood with your twitter username and leave the .json? and it should work. I tried adding more on the feed but it does not look right.

    I also changed the mayspace to linkedin and added my work number. I may see about making or adding changes down the road. Here’s the link to the site

    http://keith-erwood.blogspot.com/

  39. How I insert my twitter timeline?????????????

  40. Twitter updates not working. How can I fix it?

Leave a Reply

Your email address will not be published. Required fields are marked *