Social networking gadget
We have found a beautiful sharing widget.take a look at it.
5) Click on save
Follow the steps :
1) Go to Blogger Dashboard > Design > Page/Edit Layout.
2) Add a Gadget > HTML/JavaScript.
3) Copy the code below and paste it into the window.
<style>
.authentic-social-icons { list-style: none }
.authentic-social-icons li { display: inline-block; margin-bottom: 0; margin-right: 4px; padding-bottom: 0 !important; }
.authentic-social-icons a { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; display: block; transition: all 0.2s ease-in-out; }
.authentic-social-icons a img { -khtml-opacity: 0.8; -moz-opacity: 0.8; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; opacity: 0.8; transition: all 0.2s ease-in-out; }
.authentic-social-icons a:hover img { -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; }
</style>
<div>
<ul class='authentic-social-icons'>
<li><a href='http://www.twitter.com' title='twitter'><img alt='Twitter' src='http://imageshack.us/a/img21/9523/twitterdkl.png'/></a></li>
<li><a href='http://www.facebook.com' title='facebook'><img alt='Facebook' src='http://imageshack.us/a/img9/5918/facebookrx.png'/></a></li>
<li><a href='http://www.tumblr.com' title='tumblr'><img alt='Tumblr' src='http://imageshack.us/a/img834/5818/tumblra.png'/></a></li>
<li><a href='http://www.youtube.com' title='youtube'><img alt='YouTube' src='http://imageshack.us/a/img20/7506/youtubeuz.png'/></a></li>
<li><a href='http://www.vimeo.com' title='vimeo'><img alt='Vimeo' src='http://imageshack.us/a/img545/560/vimeoo.png'/></a></li>
<li><a href='http://www.linkedin.com' title='linkedin'><img alt='LinkedIn' src='http://imageshack.us/a/img593/7302/linkedinr.png'/></a></li>
<li><a href='http://www.behance.com' title='behance'><img alt='Behance' src='http://imageshack.us/a/img208/2595/behance.png'/></a></li>
<li><a href='http://themeforest.net' title='envato'><img alt='Envato' src='http://imageshack.us/a/img706/5674/envato.png'/></a></li>
<li><a href='http://www.icloud.com' title='icloud'><img alt='iCloud' src='http://imageshack.us/a/img542/7850/icloudg.png'/></a></li>
<li><a href='http://www.evernote.com' title='evernote'><img alt='Evernote' src='http://imageshack.us/a/img547/2351/evernotew.png'/></a></li>
<li><a href='http://www.gowalla.com' title='gowalla'><img alt='Gowalla' src='http://imageshack.us/a/img23/2404/gowalla.png'/></a></li>
<li><a href='http://www.paypal.com' title='paypal'><img alt='Paypal' src='http://imageshack.us/a/img268/3229/paypalvq.png'/></a></li>
<li><a href='http://www.pinterest.com' title='pinterest'><img alt='Pinterest' src='http://imageshack.us/a/img252/67/pintereste.png'/></a></li>
<li><a href='http://www.quora.com' title='quora'><img alt='Quora' src='http://imageshack.us/a/img339/6161/quora.png'/></a></li>
<li><a href='http://www.google.com' title='google'><img alt='Google' src='http://imageshack.us/a/img560/455/googlezy.png'/></a></li>
<li><a href='http://plus.google.com' title='googleplus'><img alt='Googleplus' src='http://imageshack.us/a/img819/9585/googleplusv.png'/></a></li>
<li><a href='http://www.github.com' title='github'><img alt='Github' src='http://imageshack.us/a/img525/6620/github.png'/></a></li>
<li><a href='http://www.forrst.com' title='forrst'><img alt='Forrst' src='http://imageshack.us/a/img689/4084/forrst.png'/></a></li>
<li><a href='http://dribbble.com/authentic' title='dribbble'><img alt='Dribbble' src='http://imageshack.us/a/img703/5047/dribbble.png'/></a></li>
<li><a href='http://www.flickr.com' title='flickr'><img alt='Flickr' src='http://imageshack.us/a/img19/6151/flickrtc.png'/></a></li>
<li><a href='http://www.wordpress.com' title='wordpress'><img alt='WordPress' src='http://imageshack.us/a/img593/9753/wordpressh.png'/></a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='rss'><img alt='RSS' src='http://imageshack.us/a/img145/2669/rssi.png'/></a></li>
<li><a href='http://www.stumbleupon.com' title='stumbelupon'><img alt='Stumbleupon' src='http://imageshack.us/a/img826/8025/stumbleuponb.png'/></a></li>
</ul>
</div>
5) Click on save
0 comments: