Instalando:
Vá no seu CSS (Design > Editar HTML) e proucure pela tag ]]></b:skin>, cole o código acima dela e salve.
/*** MENU SIMPLES extras-placefame.tk ***/
.menusimples {
background-color:#f8f8f8; /*** cor do fundo ***/
float:left;
text-shadow: 1px 1px 0 #E4E4E4; /*** cor da sombra da letra ***/
color:#707070; /*** cor da fonte ***/
font-variant:small-caps;
width:150px; /*** largura da aba ***/
font-size: 10pt; /*** tamanho da fonte ***/
text-align: center;
margin: 3px;
line-height:25px;
margin-bottom: 1px;
-khtml-opacity: .70;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.menusimples:hover {
background-color:#FF99CC; /*** cor do fundo ***/
float:left;
color: #fff; /*** cor da fonte ***/
text-shadow: 1px 1px 0 #acacac; /*** cor da sombra da letra ***/
-khtml-opacity: .70;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
Utilizando:
Adicione o Gadget abaixo do cabeçalho (como mostra aqui), e escolha HTML/Javascript e cole o código abaixo fazendo as devidas alterações.
Adicione o Gadget abaixo do cabeçalho (como mostra aqui), e escolha HTML/Javascript e cole o código abaixo fazendo as devidas alterações.
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div><div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div><div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div><div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
Para retirar as bordas arredondadas apague as linhas que estão na cor azul. Qualquer dúvida ou erro entre em contato comigo, não repasse e nem retire os créditos JAMAIS. Comentem se gostarem ou utilizarem.
adorei me ajudou bastante *-*
ResponderExcluirqueria saber se tem como centralizar o menu? obg
parabens por mais esse sucesso! (:
Não está dando certo no gadget :/
ResponderExcluirTambem não deu certo no gadget do meu blog >.<
ResponderExcluirJá estou seguindo.
Amei o visual do blog, estilo themer de tumblr rsrs *-*
1bj♥
http://garotasederivados.blogspot.com/
É abaixo ou acima?
ResponderExcluirComo você centralizou o seu?
ResponderExcluirJá tentei de todos os jeitos, não adiantou :/
Bjks
Por favor, como se centraliza? Faz um tuto de como colocar aquela barra fixa lá em cima, como aqui?
ResponderExcluirObrigada,
o meu não deu certo como assim abaixo acima
ResponderExcluiro meu não deu certo como assim abaixo acima
ResponderExcluirnovo post ! http://paradateen1.blogspot.com/2011/07/videos-pra-quem-gosta.html comenta ? ;D
ResponderExcluiramei o tutorial e ja vou dar os créditos assim que eu terminar a reforma ;D
ResponderExcluirAmei o tutorial, já estou usando, e já dei os créditos... Beijos!
ResponderExcluirhttp://bubblegumburts.blogspot.com/
o meu deu certo so que quando aperta aparece not fund me ajuda
ResponderExcluirgarora-tendencia.blogspot.com
amei! ficou muuito lindo *-* Parabéns pelo blog, os tutoriais são perfeitos! Beijos :*
ResponderExcluirgoimagines.blogspot.com
não esta dando para ver no blog, quando eu salvo não da para ver, agora quando esta em visualizar dá.
ResponderExcluirgostei e usei e creditei
ResponderExcluirmtooo uutiiil :)
ResponderExcluirnão funcionou :/
ResponderExcluireu ja fiz e refiz umas 3 vezes, ja personalizei, ja coloquei como ta, sem personalizar...
ResponderExcluirmas nao funciona :/
consigo mudar as cores, mas nada funciona:/
Eu adorei o tutorial, e o place fame extras é muiito legal!
ResponderExcluirhttp://meublogblogdadanii.blogspot.com/
seu codigo me odeia -.-
ResponderExcluirhttp://weheart-it-things.blogspot.com/
agora consegui colocar,,funcionar,mudar a cor...
mas so funciona na barra lateral,se coloco o gadget na parte abaixo do cabeçalho,nao funciona mais, oque faço?HEEEEEEEEEELP
me add?jeudantas@hotmail.com
beijao
Adorei o tutorial,eu estou usando no meu blog!
ResponderExcluirMuito lindo seu blog parabéns!
magicmih.blogspot.com
Amei! Estou usando! Os créditos estão na pagina Sobre... se quiser conferir.
ResponderExcluirBeijinhos...
P.S.:Tou dando uma reforma e fechei o blog, na verdade vou começar o blog do 0
Coloquei no meu blog , ficou mt massa , segue meu blog?? www.toda-garota-gosta.blogspot.com
ResponderExcluirEu sigo o seu !
Ps: seu blog ta mt lindo !!
Beijooos ♥
Jeenii
Aih adoreii consegui fazer,ficou mt lindo!
ResponderExcluirhttp://casadophotoscape.blogspot.com/
Adorei,meu ajudou muito!!!
ResponderExcluirhttp://magicmih.blogspot.com/
to usando!
ResponderExcluirhttp://diario-piink.blogspot.com/
Adoorei *-* , é uma pena que não funcionou no meu :/ .
ResponderExcluirBeijinhos :*
http://leticiac04.blogspot.com/
Eu coloco tudo direitinho no Html , depois vou para o gadget e no Html/Java Script , eu coloco aquele código lá , edito e salvo , só que não aparece as imagens :/
ResponderExcluirNão sei nem o que fazer :/
Me ajuda ?
Beijinhos :*
http://leticiac04.blogspot.com/
usei, amei creditei !
ResponderExcluirusei e amei!
ResponderExcluiros links do meu ficaram escuros porq?
ResponderExcluireu consegui
ResponderExcluirtentei no meu blog e testes
maaaas a fonte fica amarela :/
eu editei, coloquei o código e muda as cores do fundo e talz, tudo normal, mas da fonte não muda, fica amarela :/
Nem vo usar.
eu não consegui, ficou menu vertical !! me ajuda!
ResponderExcluiresse seu codigo hate me!
ResponderExcluirconsegui!! finalmente!!
ResponderExcluirsweetscupcakeoficial.blogspot.com
estou utilizando esse menu (:
ResponderExcluirNão deu certo! Fica uma imagem pequena e não como fica o seu! Ajuda??
ResponderExcluirwww.meninacute-s2.blogspot.com
Agora eu consegui,mas como eu coloco pra ficar tipo o seu,sem sombra nos títulos? Beijos Estou utilizando (:
ResponderExcluirEu consegui fofa ' mais ... como tira aquela letra Maiuscula ? tipo : CONTATOS
ResponderExcluirTo usando u.u
ResponderExcluirAmei!
http://blog-da-byaa.blogspot.com
Adorei!
ResponderExcluirTô usando, e é claro que já creditei, fofa! ;)
http://thingsofagirl.blogspot.com/
Como adiciono postagem em cada parte do Menu?
ResponderExcluirAdorei, muito útil! Só poderia me dizer como eu tiro esse fundo que fica rosa no meu blog? Não sei explicar muito bem.. É que o código deu certo, funciona e tal, mas fica atrás do menu um fundo rosa.. Se alguém puder me ajudar eu agradeço.
ResponderExcluirGrata desde já, beijinhos.
http://twindrills.blogspot.com.br/
Depois de muito tempo mexendo no layout consegui ajeitar. Obrigada pelo ótimo tutorial, já coloquei os créditos também.
ResponderExcluirBeijinhos!
twindrills.blogspot.com
Estou utilizando!
ResponderExcluirComo eu posso subir ele? Posicionar no lugar que eu quero?
ResponderExcluirOi! Usei alguns tutoriais aqui do place fame, e adoro esses blogs como o seu que dão várias dicas de html me ajudam muito, Visita quando tiver tempo http://siteblogit.blogspot.com.br/!
ResponderExcluirFiz tudo a risca mas não pegou. E agora? Pode me ajudar? :(
ResponderExcluirdeu certinho :) mt obg pela ajuda !!!
ResponderExcluir