"Touch Me" Sharing Widget For Blogs

Touch Me Sharing Widget



The fast advancement and development of Social Media and growing interest of individuals in social networking sites has born to dozens of social sharing tools and services. internet masters have gotten passionate about these tools as a result of not like organic traffic from search engines, internet traffic from social channels have overtaken search traffic. Bloggers nowadays rely mostly on networks like FacebookGoogle+ and and twitter to drive traffic to their blogs. These tools ar smart as long as they will attract a traveler to bookmarker and share your content. From your web site quality content until your diary style, each single bit counts in turning a traveler into an admirer. to assist you together with your dream of accelerating  fans and readers we have a tendency to bring you "Touch Me". Its named such as a result of its appealing look that forces a traveler to roll hover the indicator over the icons and hit follow! :) This gismo is showing neatness structured exploitation buttons from widespread services like Google and, Facebook, Twitter and RSS. we've got coded it showing neatness exploitation basic hypertext mark-up language and a few spicy CSS designs.


Add it to blogger

I am sharing below the steps for BlogSpot users. If you're a wordpress or Joomla user or running a standard web site then you simply ought to copy and paste the subsequent code within your templates.
Following ar the steps for blogger users

  1. Go To Blogger > Layout
  2. Choose add a gadget
  3. Select HTML/JavaScript
  4. Paste the subsequent code within it,


    <style> 
    /*--------Touch Me Sharing Widget   by  TheTechWar-Z(thetechwarz.blogspot.com)

     starts------*/
     
    .touchme a {
     
    display:block;
     
    height:50px;
     
    width:50px;
     
    padding:0 4px;
     
    float:left;
     
    background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
     
    -webkit-transition: ease-in 0.2s all;   
     
    -moz-transition: ease-in 0.2s all;   
     
    -o-transition: ease-in 0.2s all;   
     
    -ms-transition: ease-in 0.2s all;   
     
    transition: ease-in 0.2s all;
     
    cursor:pointer;
    }

    .touchme a.googleplus {
     
    background-position: 0px -58px;
    } 
    .touchme a.googleplus:hover {
     
    background-position: 0px 0px;
     
    }

    .touchme a.twitter {
     
    background-position: 0px -290px;
    } 
    .touchme a.twitter:hover {
     
    background-position: 0px -232px;
    } 
    .touchme a.facebook {
     
    background-position: 0px -406px;
    } 
    .touchme a.facebook:hover {
     
    background-position: 0px -348px;
    }

    .touchme a.rss {
     
    background-position: 0px -174px;
    } 
    .touchme a.rss:hover {
     
    background-position: 0px -116px;
    }

    </style>

    <div class='touchme'>
    <!--RSS--> 
    <a class='rss' href="
    YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
    <!--Google Plus--> 
    <a class='googleplus' href="
    YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
    <!--Facebook--> 
    <a class='facebook' href="
    YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
    <!-- Twitter --> 
    <a class='twitter' href="
    YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>

    </div>

    Please fill these requirements:

    • Replace YOUR RSS LINK with your Feed burner link.
    • Replace YOUR GOOGLE PROFILE LINK with your Google+ URL
    • Replace YOUR FACEBOOK LINK with your Facebook URL
    • Replace YOUR TWITTER LINK with your Twitter Profile URL
             5. Hit save and you are all done!


    I Hope this data that I shared was useful to you, if you liked the post, please share.



    If you've got any queries, you're most welcome to raise, simply leave a comment below and that i can surely answer your queries.

    13 comments:

    1. Awesome work.Just wished to drop a comment and say i'm new your journal and adore what i'm reading.Thanks for the share

      ReplyDelete
    2. I don’t skills ought to I provide you with thanks! i'm altogether shocked by your article. You saved my time. Thanks 1,000,000 for sharing this text.

      ReplyDelete
    3. keep posting such sensible and significant articles.

      ReplyDelete
    4. I found so many interesting stuff in your blog especially its discussion. Really its great article. Keep it up. یلماس بت

      ReplyDelete
    5. Hello! I could have sworn I’ve been to this website before but after reading through some of the post I realized it’s new
      to me. Anyways, I’m definitely glad I found it and I’ll be book-marking and checking back often!

      Take a look at my web page; 주식디비
      https://maps.google.com/
      ‎url?sa=t&url=https://www.db79db79.com/

      ReplyDelete
    6. Hello, I've been working with the target db for over 5 years with the work team.
      We will always try to profit from sales and marketing with the latest DB.
      If you contact us anytime 24 hours a day, we will be kindly consulted.
      Here is my web site … 주식디비

      ReplyDelete
    7. I like this website very much, Its a rattling nice position to read and get information. 온라인카지노사이트

      ReplyDelete
    8. 바카라사이트 I think the restaurant which you told me in the letter is very interesting. I also like to eat out and I usually go to a restaurant for dinner with my family tiwce a month.,The food is deliciuous so we enjoy it very much. The service is also quick and frienfdly

      ReplyDelete
    9. This is really interesting, You are a very skilled blogger. I have joined your feed and look forward to seeking more of your fantastic post. Also, I ave shared your website in my social networks! 토토

      ReplyDelete
    10. I love your blog.. 토토사이트
      very nice colors & theme. Did you create this website yourself
      or did you hire someone to do it for you? Plz reply as I'm
      looking to create my own blog and would like to find out where u got this from.
      thanks a lot

      ReplyDelete