Menu de redes sociais com efeito hover

1-Faça o login no blogger
2-vai em Design
3-Elementos da página
4-Adicionar gadget - HTML/JavaScripit
e cole o seguinte código :

<style>
/* menu hover--------------------------------------------- */
#menuhover {
display: inline;

}

#menuhover li {
list-style-type:none;padding: 0 2px;
}

#blogger1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9bFACioHL4E525s3FxeADPYxPr70wxAG4NmG93SEbA9a6nfKNEJyGqLwfvUnqEfTvhWi8qBJ8OJp2D0T_eH_d-YkaWHKUiH0W0B6nlL4aTZlPQ1lfCqdNErBvmjSK4UKSjaIC_0nTg9fx/s1600/bloggerc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#feedbourner1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHjCMUjpchDq-mpDNAnX1o0q80BTQ_8T7A2mnfp6SbXrrKJ-4vlmNYwj-xmWMiN2ndhCslVGZ2E4u9Hv0x9cIZVuMR_6YE2TtkApph9I_RKGHfI2fp8I-guBjAaqWlHoRyP3JsnCs4qNcr/s1600/feedburnerc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#twitter1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVpWEnNQV-GhTxqXXIG_NbIH3q_4xe3Z15ygfAMSGr7Sd1HRvykpNhof0WiftdD9TDpXiBcirbqa7G4kd5IUT8dmp1pbC3NA9PlpxSoR3anUUWT78wfOuzhshDW17VbKOOrNzobSyCf6NQ/s1600/twitterc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#facebook1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6NS9uaoofetJOJW_iAq1c9G2_gMFyL8lgm3_OKSvObVQHYysbEunvyZXbiqpgI4QS5fx3j-CaeboWfsqWB7gcoJ7r8IrEjv7yf0DHiS5axikEVbnM-2hqF9LLmQUrVHTTiWsaFO8vwrsU/s1600/facebookc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#blogblogs1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdH1lgOq0U1Cf5112Lae1ar4BIg_MArc9yyHK6iyA7wBcuX0GhB9eDewCsMYN51N62v3pSzq9FOX45941CSiaOHku7EvGR4A7lyY37YwxOe-fzj81Bhd_J2-Scn9PSNdhUYUs7z9WZb8Q/s1600/blogblogsc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#technoraty1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv__COosm5AXzEMu5Cnz8xcdHMjFfYVZ0dL0xDslCD2lKIjYC9_8HYNNQSV7eFY2z1-FqBcahVIn8fz7qZTqKPCloEESkDFksdP8gsQ6X7FJxXIrusT220CMm9nMTwvWPAIClPBBxEAg-H/s1600/technoratic.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#orkut1{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZua-_opTLRRoVYQ9mvTKkqp-NBRpXvLqarbnqs_vRZBtxkP-U1SeCOdQGbk-DbJ0pd3EqgYmCt93Q9c9Y4XtNOof8KzBGLMzlxxglWzcxwZz4rNq42a7gIW3qxTHyNZJpsktJ99pHMNJr/s1600/orkutc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#youtube1{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6FPoHcn1w8d83OnDItYCrWOEyVI_ORuUtr3FTJxMaHfIehyNzz206bMKN_Ot66PFSH4klsWq6F-VgUsIKsv7SelnT_axiI0-WMLrF0ny4W9qFgyVOtQqaTq1YtfP0t8OWuDX3jDZWOZo/s1600/youtubec.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

#favoritos1{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCakatRiucCxRRdiKevLm3OA4kfyDvfSbsJVrbuKgWl4Dbl_LsgzQ3bWynmbsl7s-pzClWGFLWxYUys2XC9_7qmWgR0s13ae51anyiGtiQOz54CoG-hyFYCpFKLf2qMAXWsgwSyiO6Jk6i/s1600/favoritesc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}

/*hover*/

#blogger1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLR4XzAAlEcGjzkzP6pb174wBqwvAoEWMQoWARmOoZxe_HC5azXLZ0DRrmVe4WI2-tnOUi7bWmim_WYQ3YgYbPv8b_Z6swJ0cYjsFXUah8mZXGKoVFElEvBS1-e5awpdwr1ZCdaoPxB-D/s1600/blogger.png)  0 0 no-repeat;
}
#feedbourner1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ss-EZiA9N7Peahev6UbV3LRbD5GN3u6tTwu-mV8ZqtvmBmQXEPYRq5rUvrJ1C2zxvavqqaIa_z0XpZHSeJcH02GcDzYPWln2JK4VOXn27uLh5HenVQ93Z4zb2XrzEDrC4Y4XaIEMOTuA/s1600/feedburner.png)  0 0 no-repeat;
}
#twitter1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSsd2gjweZn7TPU8prSXOS7zPbMJ8e_rcfgH40LBHybGILT_n_7K5TdBAZJl95BPUDBeu9Yqi9P0GzIVW57gUIyzm32Fqmfc_YFATAvKgHKvDXMV_6JVBOyrGTTCuKH3qqrFQ8ACubHhh8/s1600/twitter.png) 0 0 no-repeat;
}
#facebook1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgljZLt2GrebIOp3W3PfphRMZ8FpN_bWTTouT0GKfxW7pSxJcOha5_KQbf_6e8H31JlPHqk0Pie8qfttSWMhtDd1nQRJo4t0sA9eiOZlNQTn1THocW905ZQ7auON2MCHkZlbvdQG-_-ekk7/s1600/facebook.png) 0 0 no-repeat;
}
#orkut1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohkguswkqKuyEvZ7wRGFCKL8Ilhtz2tgwvh9_enXPM_TLvhoPqX6TtNxHAPwVZMyEHn3HVonQihYU9t3oip_dYUbTyajcLcS0zUHmCrwv6WvyliuG_Wuglwaul2lfKpEIXhseh8lHYyWk/s1600/orkut.png) 0 0 no-repeat;
}
</style>

<div id="menuhover">
<ul>
<li><a href="PERFIL DO BLOGGER" id="blogger1" target="_blank" title="Perfil"></a></li>
<li><a href="ENDEREÇO DO FEED" id="feedbourner1" target="_blank" title="FeedBorner"></a></li>
<li><a href="ENDEREÇO DO TWITTER" id="twitter1" target="_blank" title="Siga-me no Twitter"></a></li>
<li><a href="ENDEREÇO D O FACEBOOK" id="facebook1" target="_blank" title="Facebook"></a></li>
<li><a href="ENDEREÇO DO ORKUT" id="orkut1" target="_blank" title="Orkut"></a></li>
</ul>

</div>