Add Social Media Share with Mouse Hover Effect for Blogger

From this widget you can share your blog with Social Media Networks! and this widget is an extracted code from a wordpress template.Follow these steps:-

Go To Blogger > Design > Edit HTML
Before edit HTML backup your template
Search for ]]></b:skin> and paste the following code just above it,

......................................................................................................................................................................
......................................................................................................................................................................

/* -------------SBT SOCIAL SHARE WIDGET-------------------- */
#search{width:350px; border:1px solid #E0DFD9;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi32UdQ3TDO1oh9MJ8cQ31Aao-WbMtigkD_JlUoBo5aNv8XMp9nFV-3kvB4jdF7XY8fU7PgWfXk7MmwHnn2Z-CCTOwwi3QyptDphtKda5tyYQd3LHEwf6Am1RFliHxmXlUA6-91dDh2iYA/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}

.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}
......................................................................................................................................................................
......................................................................................................................................................................

For Change width of search box edit width:350px
For change width of search input area edit width:80%

Then Search for,

<div id='sidebar-wrapper'>

Now Paste the following code just below it,

<div class='topsearch'>
<div class='clerfix' id='search'>
    <form action='/search' id='searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == "") {this.value = "Search here...";}' onfocus='if (this.value == "Search here...") {this.value = ""}' type='text' value='Search here...'/>
        <input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-p4Om0YU11gZshVEPk3dKf-ozjuzveVeSlAXdxucbOozrhEET9Ix85lPe6_zJ0BMPqSG__j_bE596VQUccq4CrV_CpxTg_pn3Jcr2h7krsEjXbvC9PT02_yD0MhvOYC9Yn-zzd01DPQ/s1600/search.png' title='Search' type='image'/>
    </form>
</div>
</div>
<div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScPA3CU_3bdC5EK7byG4FLM2gvHUIqt5UNdhGlDRLqPi-hHlATVr4xUst_77rSCxhXMaiFVdqSZ2RmHmoVOhu3gqzjBfJM8bPOef_RzEpC3jr6XmCZUbkHL5Z2MgdjLkiD9lZi4z5n6e-/s1600/social-connect-rss.png' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Subscribe to our RSS Feeds!</a>
</div>

<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGJGPNH2Ag1eFWMMmEdcMrT58DZWIDhiWztbScpg6dwfZV7_lAzbKox80vP93rbV7Bfgj3rr_PhQYdCUOjQ5IBK-_QOxD63tvop4N_pEOWqOR993-lKihBzbRsT9H2Gj7rsmAZqXVfvUo/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmyIiQDVsRyRamXMFzMQO2JvmSuFb2_QvfOg9W1wd-aSDU2ZbC7nixrLs-UuQ7oTWFGRJNes8R6qF_l5QsEOWc_grbqgEr9pZb0N04oPUInj8Gp8U7kufcdxrKj-RJAhuBliuduBZF9bnC/s1600/social-connect-facebook.png' title='Be Our Fan'/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a>
</div>
<div style='clear:both;'/>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvCTH1WQu0otih1C5toZGPcV46sUvA5tChgYwOcGr1HH-miQ69RXHQrXfcRRPR-d6PmzjN3QRD5W8_d3OghPfN0U3w2CXLX6YSbvDx1vmU5kp4Vv6Z7yelB5CCYZmS_blvawX4owxVfQ/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DDRMrzJZtQ7S3KxQPc17i9-5-nlDZnkzIz8tOwraFl4JGEXZSSdER1a6hFp-moPVnkEXQ2M6o1H2KhCFI7gXKzhJ6Mpe_uIBVUTJY8W7Y-l36nU6y-t6y2CV5d2tkHNj88rhsSOO_XU/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPJm9viBMvA599RZT8NAwSUJ12XcL-a16uyLMNutd0MVNxSyYyoQMzrS0HHf7PkTcGT4b7TpulM7c0h6Ewj5slB1mh64wFD8L_d5_y6UM7jddnVikzXFvxLCi_BEdxXOoNaE2SMxwqMs/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHcwdraks-2Ub9n7PkFaU1LS48Rq_YLpLjJzYp4KPQw50hsvz6H5GL2A1g0mTtfxnBVq6UaUgUCilrZZZO6fnxIt10w95e0qbcl5G20b7IqcKlOquqkiNGoW60ZWnK6bWLtuy6NVDSeOE/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA3wOX0ktRQ-Ds3_ZvDoeGJbcmZjfDIujwLKNx-EwGUf6jDLZJItOk3QwtDefe2b75v4QG6tZYzHiMUnJ71NLcWe8gvDo7YuwS-gwWAOeBNj8k33AWhG6NsEzjViS229nCi-XaHsXD8nQ/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOgVq-azJpGeLkDf-3Whj_kPT4y1myQbk3Hy0BSArugvOJi-fFbgV2plsS34LwsYb4FY-3uONq_VbXI-g6InmQPD4lqwBEHtdsT384RnkMdY7vUWDyRlWNpNWxyWrSOLkWncEIGIc37MY/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0l1diiwxy2vUkgolKuD9fw2bpJcZ7Fi0pE6UpJz-uthO4LCbTmalvUlMEr5IKUHIKSvNLRHlIB19a8yS-kdIPmLd89c0R0khCh5PEp8wOCeVsWBViYOOPUYCa4o7zcKA28WGQGDzrSM/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/>
......................................................................................................................................................................
......................................................................................................................................................................