Saturday, April 26, 2014

Cool Social Media Social Sharing Widget For Blogger

Blogger Widgets, Social Media, Social Widgets
Hello everyone today i m going to share a simple social network widget of blogger with RSS Email Subscription which is simple more attractive. This social widget consist of some major network like Facebook , Twitter , Google Plus etc. Which give more look and visitors to your blog.

How to add Cool Social Media Social Sharing Widget For Blogger ?

  • Goto Blogger Dashboard >> Layout.
  • Click on Add a Widget >> HTML/JavaScript.
  • Copy the below code and paste it inside the box.
<style> /*--------http://truebloggingtricks.blogspot.com/ Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.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> <p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://truebloggingtricks.blogspot.com/2014/04/cool-social-media-social-sharing-widget.html">Blogger Widgets</a></p> <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='nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a> </div>
  • Click on save button.

Customization

  • Replace Your Facebook link Here
  • Replace Your Twitter link Here
  • Replace Your Google Plus link Here
  • Replace Your RSS link Here
Share this article :

0 comments :

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.

Post a Comment

Contact Form

Name

Email *

Message *

 

Blog Archive

Support Us

About Author

Hi Friends, my name is Rj HaSsan and i m 20 years old, certified SEO consultant, addicted blogger and the Entrepreneur of True Blogging Tricks who based out of the wonderful country name "Pakistan". ...Read More