Foxtipsbd :: Web Desing & Other Trick

How to do Add Cute and nice Custom Facebook Like Box To Blogger,blogspot,Wordpress?

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">Now let's start adding it... </span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><b style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"><span style="color: blue;">Step 1.</span></b><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"> Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. </span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<a class="external_link" href="http://bit.ly/work24" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" height="345" img="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOVRHN6PFKv6W8fheTHplo-ysnlneFFshWzSn_k9HjQiNz8zUecQ2TLo8iDSOA2sZPqqvJUY-ay7FJHC1jAvQd8JOzv0CxWpvpHcBknbkHBvTce4ePhgxw2F3Quajk_1ANv5dLLL_TaDx3/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out; width: auto;" width="550" /></a></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><b style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"><span style="color: blue;">Step 2.</span></b><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"> After click on Add a Gadget link A pop-up box will open now</span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. </span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<a class="external_link" href="http://bit.ly/work24" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" height="219" img="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYv8SSVSIF3QldW1hsIW-_a3B-gGBYOi5zFdeezVS0rzm1mAexR9nwVeAfMBZYicnOU2ha2TL7eeAQDXnyvwtzZppbvX1x30Ou_7v6bhMDQDHi7ABfeMQeLPX8ZCP-7lf-LVQYdDIPIj00/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out; width: auto;" width="486" /></a></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><b style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"><span style="color: blue;">Step 3.</span></b><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"> Select 'HTML/Javascript' and add the one of code given below. </span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><b style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"><span style="color: blue;">Step 4.</span></b><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;"> Now Click On Save 'JavaScript' You are done.</span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<h4 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16px; font-weight: normal; line-height: 18.200000762939453px; margin: 0px;">
<span style="color: red;">Note:</span>- Replace <span style="background-color: magenta;">pages%2FBlogspot-tutorial%2F220888831260608</span> With your Facebook User name</h4>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">Style 1:-</span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzSxSfpKh3Ml57JCMXzxZ1pHAHpTB8SSkixIf5fjv4IG4gSS9ET4Iy2NIgFJZ9GN8mVPLF7wm1pCFr2Iu7THDoT_U2Y1-8s9ewdOAkMaYH0XGqXIhzqxIndUJ7lAanaDGIgXGL7XmIDxqY/s1600/Style+1.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; width: auto;" title="Customize Facebook Like Box" /></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" />
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-1.html" rel="nofollow" style="-webkit-box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; -webkit-transition: background-position 1s; background-clip: border-box; background-color: #79be1e; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="code" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwcqqiBqAI99DFAOsrk2T29MTAq2USYRgJ05wT-pvAnwJAbnqIybYT7edPRrdAl4CmSYweEzeAbPmJ1Xlg3XCm8QgH-YBB7uc9I0JuiJ4QI87PvvGgiuIe3msxEAaiaT8UByJLE5GXqJn/) 0% 0% repeat-y rgb(255, 255, 255); color: #444444; font-family: 'Courier New'; font-size: 12px; line-height: 19.200000762939453px; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjRde0GX7hRhuS1jFSUW0USjvTA8LUuvs_VqZ5h4vhMFSVc7_LkVEMYEocQNspaWHcx7vDv9yuyvaMlF1wxoYVm96O9nsNWGJ6RX2Qg-BFrc3BuT6Lma9Fy88ZiFrfpPbyINbyUGknXLY6/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: small;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br /></div><br /></div></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">And now click </span><b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; margin: 2px; padding: 2px;">Save </b><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">Style 2:-</span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS9FvlSlcdmSfWAF-6Oz8a1lSADf8yltoW_Ca4SOoQLsOBNsEWBRZJCdrOSzqswJHWTpLc_4wAYOcvD1rZ9S0qUD_piHWc6qyPgw5oJBR8hXwItb2oaEUB1tUGqS_HSVfuh-V7tflr5vTw/s1600/Style+2.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; width: auto;" title="Customize Facebook Like Box" /></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" />
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-2.html" rel="nofollow" style="-webkit-box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; -webkit-transition: background-position 1s; background-clip: border-box; background-color: #79be1e; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="code" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwcqqiBqAI99DFAOsrk2T29MTAq2USYRgJ05wT-pvAnwJAbnqIybYT7edPRrdAl4CmSYweEzeAbPmJ1Xlg3XCm8QgH-YBB7uc9I0JuiJ4QI87PvvGgiuIe3msxEAaiaT8UByJLE5GXqJn/) 0% 0% repeat-y rgb(255, 255, 255); color: #444444; font-family: 'Courier New'; font-size: 12px; line-height: 19.200000762939453px; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qMiEL2cT_K1lt_TD4c2hvXnNHcbr7krX-cS5pMiOCwUZz5LR9dyVr0j7Y5UbjIXBDB4sssaU2mozIofrTUjcAxlr-LJ5ZRVvlYDCqMWUeVIiqgrh10JO1Pfe5jepu5jlU1myWBIA1GoF/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: small;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br /></div><br /></div></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">Style 3:-</span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9BiyDIoPTTqFgDJxBt3wDrBcNnwkPnKuxeNVaNbwQo83KudH5-K0v4pgFtkIzQnRWYkQM84tv2vvx55WaclK7Ncxjkb8cQXGBRl0vog7ZoxaIdI1oWQWuyam4UjPWsUDZoOpLSsAV-JO/s1600/Style+3.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; width: auto;" title="Customize Facebook Like Box" /></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" />
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-3.html" rel="nofollow" style="-webkit-box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; -webkit-transition: background-position 1s; background-clip: border-box; background-color: #79be1e; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="code" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwcqqiBqAI99DFAOsrk2T29MTAq2USYRgJ05wT-pvAnwJAbnqIybYT7edPRrdAl4CmSYweEzeAbPmJ1Xlg3XCm8QgH-YBB7uc9I0JuiJ4QI87PvvGgiuIe3msxEAaiaT8UByJLE5GXqJn/) 0% 0% repeat-y rgb(255, 255, 255); color: #444444; font-family: 'Courier New'; font-size: 12px; line-height: 19.200000762939453px; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJkRMYh95xVnnVDA4iuYD3oj17wqAel7xWFno3rpQu4fyAp8frgOmDtwbyZhz0Mn7cJy43W59o6mFderl18ZdRfP3NsPGzSvn8gSYlaLsnBTMQV5L70uDcZq-ZBHB8uBKx5fzjk0T_oqKs/s1600/fan-03-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: small;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br /></div><br /></div></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">Style 4:-</span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRDBpco-Jm79Fz0vA_rilcAYrmqCTzeiVoBytefezffaU313oGif1hyphenhyphenJNHWY_g6r0mYZhPZ2DevsAkibbJiUHpTtwlX8ycsKtkDmsXQ4iRpi8CHhdiWY902ouZAcvn6Cs2ukwYa2HV7nQ/s1600/Style+4.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; width: auto;" title="Customize Facebook Like Box" /></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" />
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<a class="button big green external_link" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-4.html" rel="nofollow" style="-webkit-box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; -webkit-transition: background-position 1s; background-clip: border-box; background-color: #79be1e; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzun5t3ncsfuRW7rIjJkdx8VJAqWE8mepUkXhy50a3sk-_4nnZwdGhtMFNG4y-Uh9EQhOTmVEr17cyvSIIgJ1bUrXIhM5CYen7w7UMHnm9GS-h8JT_pl-gN_DB2wzryu6wS0BNx56v1HU/s144/button_bg.png), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; line-height: normal; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /><br />
<div class="code" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwcqqiBqAI99DFAOsrk2T29MTAq2USYRgJ05wT-pvAnwJAbnqIybYT7edPRrdAl4CmSYweEzeAbPmJ1Xlg3XCm8QgH-YBB7uc9I0JuiJ4QI87PvvGgiuIe3msxEAaiaT8UByJLE5GXqJn/) 0% 0% repeat-y rgb(255, 255, 255); color: #444444; font-family: 'Courier New'; font-size: 12px; line-height: 19.200000762939453px; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;">
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCK5SQjH-n_7vlgW6HamPQvQdUDXXMDB99S9XOKJq8g8lA-7uC06r6e-8-y8zcH756iaXEj3S0c22o6409cflIVvgn6hFFvQfqB5Ireg81QA_mNfAj_m3_zwYEhfPNW5mo6EEJqTXGqTiF/s1600/fan-04-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: small;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br /></div><br /></div></div>
<br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;" /></div>

How to do Add Cute and nice Custom Facebook Like Box To Blogger,blogspot,Wordpress?

Now let's start adding it... Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane an...

How To Add Nice Social Networking Profile Widget for Blogger Site??

ASADUR 0 WEB DESING 19:14

How To Add Nice Social Networking Profile Widget for Blogger Site??

Social bookmarking widget plays an important role on a blog site. Facebook, Twitter, Google Plus, Linked In are one of the most popular so...

How To Add Post Meta Description With Blogspot Site

ASADUR 0 SEO TUTORIAL 19:09

How To Add Post Meta Description With Blogspot Site

Do you want to add meta description to every blogger post ? If you answer positive. Then this tutorial post is the right place for you....

Free Download Hippo Mag Super Responsive Blogger Template Free Download.

ASADUR TEMPLATE 18:43

Free Download Hippo Mag Super Responsive Blogger Template Free Download.

Hippo Mag Responsive Blogger Template is a perfect template for software related blogspot blog. Its a clone template of popular software ...

New Best 10 VCard WordPress Personal Portfolio Themes For Your Site

ASADUR 0 WEB DESING 18:39

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
Now a days, a personal resume site becomes one of the most urgent things for our online world. Personal portfolio website for every online workers is more necessary things than others person. Whatever I just want to say that online resume site has been more and more important in modern technology world. Usually we create our online profile page on various free platforms. But you can highlight yourself to others by own resume site. Its not so costly to create an own online resume and portfolio site. Online resume site can also help a great to all job seekers.</div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
I mentioned above that personal portfolio site is so important in this virtual online world. So after realization that if you decided to build up your personal website, then you are welcome! Mind it that, portfolio website is a representative of you. So site designing is a important fact. You should pick up a professional vCard themes for your site designing. Many templates are available on net. If you choose wordpress platform to create your personal webpage. Then this post will help you a lot. Because today I am sharing some best 5 vCard wordpress themes for personal portfolio site. These all wordpress themes are best for professional look of a personal site. Just pick up one themes which you like most. All these themes collected from themeforest.net and all are premium.</div>
<h2 style="background-color: white; border: none; box-sizing: border-box; clear: none; color: #303030; font-family: 'Roboto Condensed', sans-serif; font-size: 1.375rem; font-weight: inherit; line-height: 1.5; list-style: none; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Zwin – Responsive vCard WordPress Theme</h2>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
<a href="http://rupayon.com/wp-content/uploads/2015/02/Zwin.jpg" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;"><img alt="Zwin - Responsive vCard WordPress Theme" class="aligncenter size-full wp-image-402" height="297" src="http://rupayon.com/wp-content/uploads/2015/02/Zwin.jpg" style="border: none; box-sizing: border-box; display: block; height: auto; list-style: none; margin: 4px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="590" /></a></div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
Zwin is a responsive vCard wordpress theme. I like this theme personally. Hope you will also like this template. It’s purchase cost only $33</div>
<ul style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin: 4px 0px 8px; padding: 0px 0px 0px 20px; text-align: justify; vertical-align: baseline;">
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Fully Responsive</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Clean, Simple and Attractive Design</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">User Friendly Easy Control Panel</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Transaction Effect</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Cross Browser Compatible</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">5 Color Themes</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;"><a href="http://themeforest.net/item/zwin-responsive-vcard-wordpress-theme/2134726" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;" target="_blank" title="Zwin- Responsive vCard WordPress Theme">Zwin – Responsive vCard WordPress Theme Demo, Details, Purchase Link</a></li>
</ul>
<h2 style="background-color: white; border: none; box-sizing: border-box; clear: none; color: #303030; font-family: 'Roboto Condensed', sans-serif; font-size: 1.375rem; font-weight: inherit; line-height: 1.5; list-style: none; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Identity – Personal vCard CV Portfolio WP Theme</h2>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
<a href="http://rupayon.com/wp-content/uploads/2015/02/identity.jpg" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;"><img alt="Identity - Personal vCard CV Portfolio WP Theme" class="aligncenter size-full wp-image-403" height="301" src="http://rupayon.com/wp-content/uploads/2015/02/identity.jpg" style="border: none; box-sizing: border-box; display: block; height: auto; list-style: none; margin: 4px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="592" /></a></div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
Oh, Its just a awesome theme for your portfolio site. Identity is a one page wordpress theme for personal cCard portfolio site. Which will cost only $43</div>
<ul style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin: 4px 0px 8px; padding: 0px 0px 0px 20px; text-align: justify; vertical-align: baseline;">
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">One Page Theme</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Layer Slider, Revolution Slider, Visual Composer</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Fully Responsive Theme</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Unlimited Colors & Options</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Easy Customization</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">All Main Browser Compatible</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Unlimited Fonts</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">SEO Optimized</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;"><a href="http://themeforest.net/item/identity-personal-vcard-cv-portfolio-wp-theme/9611418" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;" target="_blank" title="Identity - Personal vCard CV Portfolio WP Theme">Identity – Personal vCard CV Portfolio WP Theme Demo, Details & Purchase Link</a></li>
</ul>
<h2 style="background-color: white; border: none; box-sizing: border-box; clear: none; color: #303030; font-family: 'Roboto Condensed', sans-serif; font-size: 1.375rem; font-weight: inherit; line-height: 1.5; list-style: none; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
AboutMe – 3D Responsive Vcard & Portfolio WP-Theme</h2>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
<a href="http://rupayon.com/wp-content/uploads/2015/02/About-Me.jpg" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;"><img alt="AboutMe - 3D Responsive Vcard & Portfolio WP-Theme " class="aligncenter size-full wp-image-404" height="297" src="http://rupayon.com/wp-content/uploads/2015/02/About-Me.jpg" style="border: none; box-sizing: border-box; display: block; height: auto; list-style: none; margin: 4px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="589" /></a></div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
AboutMe is an amazing 3D responsive vCard wordpress theme for portfolio site. This wp portfolio theme best for web designer and developer. It has 3D styled transaction effect. You can purchase AboutMe – 3D Responsive Vcard & Portfolio WP-Theme for $33</div>
<ul style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin: 4px 0px 8px; padding: 0px 0px 0px 20px; text-align: justify; vertical-align: baseline;">
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Responsive and Modern Design</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">3D Animation Effect</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Custom and Easy WordPress Control Panel</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Contact Form</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Portfolio Option</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Social Profile Icons</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; text-align: left; vertical-align: baseline;"><a href="http://themeforest.net/item/aboutme-3d-responsive-vcard-portfolio-wptheme/3956687" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;" target="_blank" title="  AboutMe - 3D Responsive Vcard & Portfolio WP-Theme">AboutMe – 3D Responsive Vcard & Portfolio WP-Theme Demo, Details & Purchase Link</a></li>
</ul>
<h2 style="background-color: white; border: none; box-sizing: border-box; clear: none; color: #303030; font-family: 'Roboto Condensed', sans-serif; font-size: 1.375rem; font-weight: inherit; line-height: 1.5; list-style: none; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
LETA – Responsive VCard WordPress Theme</h2>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
<a href="http://rupayon.com/wp-content/uploads/2015/02/Leta.jpg" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;"><img alt="LETA - Responsive VCard WordPress Theme" class="aligncenter size-full wp-image-405" height="301" src="http://rupayon.com/wp-content/uploads/2015/02/Leta.jpg" style="border: none; box-sizing: border-box; display: block; height: auto; list-style: none; margin: 4px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="590" /></a></div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
This is my another choice. Leta is another responsive vCard wordpress theme. I have created my portfolio and resume site <a href="http://rupayon.com/vcard-wordpress-themes-for-personal-portfolio-site/www.marufworld.info" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;" title="Personal Portfolio Site of Maruf">www.marufworld.info</a> with this premium wordpress theme. Its also same as Zwin theme. But I like it most than Zwin wordpress theme. Price only $33</div>
<ul style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin: 4px 0px 8px; padding: 0px 0px 0px 20px; text-align: justify; vertical-align: baseline;">
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Fully Responsive Layout</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Friendly Admin Panel</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Various Colors Patter</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Huge Collection of Google Fonts</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Contact Form, Google Map, Shortcodes</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;"><a href="http://themeforest.net/item/leta-responsive-vcard-wordpress-theme/5508198" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;" target="_blank" title="LETA - Responsive VCard WordPress Theme">LETA – Responsive VCard WordPress Theme Demo, Details & Purchase Link</a></li>
</ul>
<h2 style="background-color: white; border: none; box-sizing: border-box; clear: none; color: #303030; font-family: 'Roboto Condensed', sans-serif; font-size: 1.375rem; font-weight: inherit; line-height: 1.5; list-style: none; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
FlexyVcard – Responsive vCard WordPress Theme</h2>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
<a href="http://rupayon.com/wp-content/uploads/2015/02/Flexy.jpg" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;"><img alt="FlexyVcard - Responsive vCard WordPress Theme" class="aligncenter size-full wp-image-406" height="300" src="http://rupayon.com/wp-content/uploads/2015/02/Flexy.jpg" style="border: none; box-sizing: border-box; display: block; height: auto; list-style: none; margin: 4px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="587" /></a></div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
FlexyVcard is simple, unique, responsive vCard wordpress theme. Its design just amazing simple and effective. It’s price on themeforest market only $43</div>
<ul style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin: 4px 0px 8px; padding: 0px 0px 0px 20px; text-align: justify; vertical-align: baseline;">
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Amazing Control Panel</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Demo Content Importer</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Custom CSS</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Custom Background</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Full Screen Slideshow</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Font Awesome Icons</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; text-align: left; vertical-align: baseline;"><a href="http://themeforest.net/item/flexyvcard-responsive-vcard-wordpress-theme/7467316" style="box-sizing: border-box; color: #0e4d7a; cursor: pointer; text-decoration: none;" target="_blank" title="FlexyVcard - Responsive vCard WordPress Theme">FlexyVcard – Responsive vCard WordPress Theme Demo, Details & Purchase Link</a></li>
</ul>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15px; line-height: 24.012800216674805px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
These 5 wordpress themes selected by me. Hope, you will like all of these collection. Best of luck for your portfolio site. Share this post with your friends. Thanks</div>
</div>

New Best 10 VCard WordPress Personal Portfolio Themes For Your Site

Now a days, a personal resume site becomes one of the most urgent things for our online world. Personal portfolio website for every online...

How to do Add Cute and nice Custom Facebook Like Box To Blogger,blogspot,Wordpress?

How To Add Nice Social Networking Profile Widget for Blogger Site??

How To Add Post Meta Description With Blogspot Site

Free Download Hippo Mag Super Responsive Blogger Template Free Download.

New Best 10 VCard WordPress Personal Portfolio Themes For Your Site

TOP POST

FIND POST