Vá até "Elementos de página", se usar o antigo Blogger ou em "Layout", se usar o novo Blogger, clique em "Adicionar gadget" e clique em HTML/Javascript" e cole o código abaixo fazendo as modificações necessárias.
<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/AVvXsEj46VGHmn6oaTkBHps4Sa37ZUTl9_b_IZ5FvfqvZc2JhwBbLQLiD1VuO1A2CYJgfaVhdzoxtxLQW1W-dfnmtoAocMek90e5BGRYP9NOswU6g34Ln0Npqp8hksW10OzkPINtxVN3mzsb6fvV/s1600/bloggerc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#feedbourner1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOEFA-IibbFN7M52v79bZSy_odmNSuIpwQZhdaezoqeJv0AM034iy_b-yF41sxTdGm7DULVd3cEO9WYtL1okmXH47RCNrJkXP1nHu8TEOJI54w_ZS-VmDHVteij8DObBAdVng1IyE9482x/s1600/feedburnerc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#twitter1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgfWMgMVPBS6UHnidjFxwnmJFAuFPlGJRWiFVC-oGeQlZ_Tb7I6uujOoBxn4zBRjEp9uNgjsYKCNK4sU43vFT_LSE54tNdeAxdPxsTrpuy3uJ82yfV_SbRDjH0zJ14fcBJ1xg2zM0Z62A8/s1600/twitterc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#facebook1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOWmNJgaMnEOc84poK33BfkSjTVPg4qsh6ZNSsmhhZrVjMF2a2fx6_RPaMNP3c89yJtXvb5Tl_c_znRABbienB3BDSkeQy-Lw02f0cJrOr1yv_zwXyS9I5QyEfJv3SxkLgfvD6RVAzsjp9/s1600/facebookc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#blogblogs1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJ2kloLuU3BZWJznR_jqf6Q-W5NA7vaFsS43JehcDaBI2WqeaUKdD7DsMwqP6HWgA6oD6VVp2rcwAEU5mZM2ua5tqpw2kKlc1keQjinjPG1NmY-YmSnibY7ccoZriqGV9obcG5O3B4Gjt/s1600/blogblogsc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#technoraty1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCwGN0tc7hqUR6d_qkMVIAEl2h2bq2Ie6j5EfXMfuTFXwqEl2UCzYyvnupxlji0s8NHAUAu4Z376X0fOfXysWOvAsM3v1gtbyEbIf-edhn2zT2PivQwEMZxvQs-lRPV3HXk5Kwafr5_jsz/s1600/technoratic.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#orkut1{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8s0nX02f1-mIBhareesSwMmF15HcpShD1TTrHUxfXFz7T9Lr5_HWHmkxVShJDzXAxyh9tBX5HxU8aAFpiYpum-f_Utzm2hGeuW6VpLAMjRliw_YLuqafnkhs_J_HPm9S3qi_UGdnHncKo/s1600/orkutc.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#youtube1{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhojTEjnhMBtShuhXUnwhYJru8zqMeNyOENpzw_MMKFZujkMA32Zy7R432OOfa9v7dJ9uWmro9iqQUCfdOPI2q1XJTk5vNnQBoN9ai0mmTRIVXyHVZflr8K7o3Bq561RGxdmvNjoBr12gA/s1600/youtubec.png) no-repeat;
width: 70px;
height: 70px;
float: left;
clear: right;
}
#favoritos1{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqL4LFjnd7gzqIhZbTVO7OxMnjotmEYkXwLKXLReJ1oAVBcZQgyEIWdEwS7h6e3abgAEEABvwOx3tFsFu5qFC4vqUY2H9P7Fg7nzAwgmpm5g3zcYi8Ci_H1GzRxLH0gsiQ6_BiNBwuR97y/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/AVvXsEiYj_sQGEXGFdgECF5X0YpNzIoLJUIn0q-j1eTtLbpNpMdbcsv_9lDFyb40UbyQhM2PmJdxRVRWGDWcvWj_8TGh8hGIS4OEauNgSQ9Mtx8a6ZdgboJRGBYpI-4KPK1xSGIOgl_ggUn5AiEF/s1600/blogger.png) 0 0 no-repeat;
}
#feedbourner1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx0E2OWj8tJY_v-nuEXpmKJh0yOXoqbaOMWwXcYBTiDCC1IjAzeEmpWx6YLvLRTpQPThB4OrowVbLvrxQRWx_Ev3aRo_DhVzWTj79OaI9970J6apsO4UypQFVPQmb5IqYBF117_SvaszcH/s1600/feedburner.png) 0 0 no-repeat;
}
#twitter1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT-sOsyRFGVldCkvuTUUg4f__0CBSEoD8_kxYz9xajIkVOb-e2aM6aiwbhOuipiL6n4K-EsAHBkA1ZDUOCuBGiSCqb_rPNknRvVtJEKKmxrxVS51r_z7Sxk0Q9WAio9pAVo-5cQvDw9AQB/s1600/twitter.png) 0 0 no-repeat;
}
#facebook1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA109abQRA3ZlZhuhOX3Ndgx82MPdSTkpDi6gTSqq6lMyriKq7GrjQmFkky231KJUMoMOmPkYqb8v6ZYGClsNft_rl6KfIinjrAu_9kAmRSWlMNRINwE30-t3p45NpPlDFBNd8VziDeQ9z/s1600/facebook.png) 0 0 no-repeat;
}
#blogblogs1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUfYTT9RF-uX_pmPtBjAYkLbtT1pQUFzlfwHlMJYdUlko0KWrTwrWwbXzjQA_4hlOTH1tHY8i-Nx-yqA2gLvsKUVUjMxpycgp0zCu3hyTzr4WeKCM6njE-quqcmBS4N-K3MzFECJEykR1K/s1600/blogblogs.png) 0 0 no-repeat;
}
#technoraty1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1MmAWCQrE5utsdtZS9eFlBQQIcPi5n25bei35tFItIOJwsGW812jSJ-5qsOZMekIImXEX7pf4fzNnU3tSHNLtZbLPKUeuMxS-aWNuhYwHQJnVjnxS0uy2PSZs5fpChqdblS-TDQ2pp7kz/s1600/technorati.png) 0 0 no-repeat;
}
#orkut1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8okVt5QivErNo6d5nn9MMZHf59PSMG4y-SKQQNh4LkDBBzggJ-byECrUHUlmbTev2mcBm1bjV7deTImTg8YV97khWB2dmEEhAlQIwE1GUTqHz2fDwfx2Uc-iT5PCiYanVBspzb3keeLqc/s1600/orkut.png) 0 0 no-repeat;
}
#youtube1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPW0-bSKkxg8c6Kvx9GTZJ-Lro6VP32iE9ZE4yHhok2rHtzpRW8rd75Uwfd5MOA4h5guTAAD892XHBKCs0M66cuDoE24SpmzdO-2TB5yrDh7ZjpsmS-kGRhand1UOsF9CPWpoSzoqnVchf/s1600/youtube.png) 0 0 no-repeat;
}
#favoritos1:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0mhZ6uhCSbOTwyHczOvcg-URZBuATmTi9ULf285BA1smDeZeN8V9bL68Ogr7xprWzmIxVbHJej0XhmGWhJeiRwVIW-9CycYkkyNC6cMhpHzERGnLw_cXm907gvMkn8YBEL2rYBxojN3yU/s1600/favorites.png) 0 0 no-repeat;
}
</style>
<div id='menuhover'>
<ul>
<li><a href="#" id='blogger1'target="_blank" title="Home"></a></li>
<li><a href="ENDEREÇO DO FEEDBOURNE" 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 DO FACEBOOK" id='facebook1'target="_blank" title="Facebook"></a></li>
<li><a href="ENDEREÇO DO BLOGBLOGS" id='blogblogs1'target="_blank" title="BlogBlogs"></a></li>
<li><a href="ENDEREÇO DO TECHNORATY" id='technoraty1'target="_blank" title="Thecnoraty"></a></li>
<li><a href="ENDEREÇO DO ORKUT" id='orkut1'target="_blank" title="Orkut"></a></li>
<li><a href="ENDEREÇO DO YOU TUBE" id='youtube1'target="_blank" title="YouTube"></a></li>
<li><a href="ENDEREÇO DA PÁGINA COM FAVORITOS" id='favoritos1'target="_blank" title="Favoritos"></a></li>
</ul>
</div>
Se quiser mudar as imagens, mude todos os códigos que estão na cor azule na cor amarela sendo que:
CÓDIGO NA COR AZUL: imagem que se vê
CÓDIGO NA COR AMARELA: imagem que se vê ao passar o mouse
CÓDIGO NA COR VERMELHA: troque pelo endereço de seus links
Os de cor verde, são os botões com efeito hover( ao passar o mouse) NÃO MEXA, É APENAS PARA SE ORIENTAR
O código em Laranja indica onde e qual é o botão específico. NÃO MEXA, É APENAS PARA SE ORIENTAR
Descrição: Tutoriais
Categoria: Tutoriais
Upload: LTutoriais Downlaod
Hospedagem: ---
Sistemas: ---
Tamanho do Arquivo: ---
Nenhum comentário:
Postar um comentário