• Facebook Rocks

    Go to Blogger edit html and replace these slide 1 description with your own words. ...

  • Facebook vs Twitter

    Go to Blogger edit html and replace these slide 2 description with your own words. ...

  • Facebook Marketing

    Go to Blogger edit html and replace these slide 3 description with your own words. ...

  • Facebook and Google

    Go to Blogger edit html and replace these slide 4 description with your own words. ...

  • Facebook Tips

    Go to Blogger edit html and replace these slide 5 description with your own words. ...

Hand Drawn Follow me Buttons for Blogger

This are Floating Hand Drawn Follow me button that i have made.It took nearly 1 hour to create the script for this buttons. This buttons include Facebook, Twitter, Google +, RSS feeds, and Gmail. This buttons are awesome looking will make your blog look more attractive.This buttons float at the right side of your blog. On hover this buttons tilt. This effects make them very good looking and force the readers to follow you. So have this awesome looking hand drawn follow me buttons in your blog.
View Demo


Steps To Add This Follow Me Buttons

  1. Login to your Dashboard.
  2. Go to Layout---> Edit html.
  3. Copy and paste the below code.

<style>
.blogtoolz-flt-wdt
{
position:fixed;
right:10px;
top:36% ;
}
.blogtoolz-flt-wdt img
{
float:right; clear:right; margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.blogtoolz-flt-wdt img:hover
{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
 -o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
 }
</style>
<div class="blogtoolz-flt-wdt">
<a href="####" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="http://2.bp.blogspot.com/-peTDL4fl1Ew/T_pkBPQy5eI/AAAAAAAAAIQ/44ggvhorbCM/s1600/facebook.png" /></a>
<a href="####" title="" target="_blank"><img alt="Follow me on Twitter" src="http://2.bp.blogspot.com/-bRhUr83QR7Y/T_pkEtLj4GI/AAAAAAAAAIY/uPVkiI6b0UI/s1600/twitter.png" /></a>
<a href="####" title="" target="_blank"><img alt="Follow me on Google Plus" src="http://2.bp.blogspot.com/--JWILA-b2n8/T_pkOSvyIjI/AAAAAAAAAIg/x2KHwncAjwM/s1600/google.png" /></a>
<a href="####" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="http://3.bp.blogspot.com/-9AhVZpEkINw/T_pkRKLk5bI/AAAAAAAAAIo/FtQKRAVh2eo/s1600/rss.png" /></a>
<a href="####" title="Email me" target="_blank"><img alt="Email me" src="http://1.bp.blogspot.com/-kJwzDbQmu90/T_pk5ri3vcI/AAAAAAAAAI4/wYLOVAJcR54/s1600/gmail.png" /></a>
</div>
<!-- End -->

Note: Replace the above #### text with your links.

Now, Save the Template.


It's Done.

    0 comments:

    Post a Comment