Menu com efeito hover nos botões, seta para subir e descer o blog e buscador. Para instala-lo vá até o HTML de seu blog e procure por:
]]></b:skin>
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Estas dicas se aplicam aos templates feitos até junho de 2010. Para reinstalar o antigo template clique AQUI/*Menu horizontal-----------------------------------*/
#nav{height:42px;border-bottom:1px solid #ddd;position:fixed;top:0px;left:0px;right:0px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihLSaBVen4irAxSZwEDdVVQbrsQLU2gRpXSc_3nxYBLFyiuZvgYA7QYHhyzQx4rwn73_3hNIZAjoowz_ZNbvC6u8v5sxXKAsIh-tnChLWyQClVzMH7E7WvPbs14oMPj89eGaPx24d72PM/s1600/nav.png) repeat-x center left;border-bottom: 1px dashed #cc0000;}
#nav ul{height:25px;list-style:none;margin:6px auto 0px auto;width:980px;}
#nav ul li{display:inline;float:left;margin:0 2px;}
#nav a{font-size:11px;font-weight:bold;float:left;padding: 3px 6px;color:#999;text-decoration: none;border:1px solid #ccc;cursor: pointer;background:transparent;height:18px;line-height:18px;}
#nav a:hover{background:#D9D9DA none;color: #fff;}
#nav a.top span, #nav a.footer span{float:left;width:16px;height:16px;}
#nav a.top span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEej8AKJ5EwodtEH4HSv_-D6D0uv8f2zhqYHO8onZ_5UO7XjHdGJoC77dI368bTPi1icFxfcRhASevF2m0k6axKLa6jUo33kOIKygxCGmZX1tcfakpkdEemIZK6dEpV-QQ2ooY3vesBY/s1600/001_24.png) no-repeat center center;}
#nav a.footer span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvheHgefvTMFkBxKPJM0Fv5t0VRdiLd-BZBsMbLEnxCPQX4TYn3VMxZ79QTCn-oDruC8oFMUiWkvEb7MUe8ZOvs_tZk4symm528TYhZut82D7d2AMhzuf8kOMKdB3byoWoeDY7eqpXE2c/s1600/001_22.png) no-repeat center center;}
#back {font-size:11px;font-weight:bold;background:#fff;border: 1px solid #ddd;float:left;color:#999;
height:14px;margin-right:8px;width:218px;padding:5px}
#proc {margin-top:3px;float:left;width:23px;height:19px}
Agora procure por:
<div id='header-wrapper'>
E cole o próximo código acima dele fazendo as modificações necessárias.
<div id='nav'>
<ul>
<li><a class='top' href='#header'><span/></a></li>
<li><a class='footer' href='#footer'><span/></a></li>
<li><a href='#'>Home</a></li>
<li><a href='ENDEREÇO DO FACEBOOK'>Facebook</a></li>
<li><a href='ENDEREÇO DO TWITTER'>Twitter</a></li>
<li><a href='ENDEREÇO DO GOOGLE BUZZ'>Buzz</a></li>
<li><a href='ENDEREÇO DO BLOGBLOGS'>BlogBlogs</a></li>
<li><a href='ENDEREÇO DO FEED'>Feed</a></li>
<li class='search'>
<span>
<form action='/search' id='searchform' method='get' style='display:inline;'>
<input id='back' maxlength='255' name='back' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' title='search' type='text' value='Procurar...'/>
<input alt='' id='proc' name='proc' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjEBpvK5qi0POyWyaaBgQ2QI9r1sGSDX59ym8U6AiDGdPKWMyygKC8RmfsalquF6ONfSiLctBF4K8ROeMS2uLF34eUzLvjECWQDFR0mvo8RfNSIaRKwkbPAa-njn1uf5vWutbGBYE1w6M/s1600/zoom.png' type='image'/>
</form></span></li></ul></div>
