Documentação do Template Menina Moça


Documentação do Template Menina Moça


Lembrete: É terminantemente proibido retirar os créditos do rodapé do template!


  • Cabeçalho personalizado 
  • Sidebar personalizada.
  • Marcadores/Tags/Categorias, personalizado.
  • Menu Horizontal 
  • Perfil do administrador  (sidebar)
  • Caixa de pesquisa personalizada
  • Botão voltar ao topo
  • Botões de redes sociais no final das postagens (compartilhamento)
  • Botões de redes sociais no perfil
  • Arquivo do Blog personalizado
  • Área dos Comentários personalizados
  • Postagens Relacionadas personalizadas
  • Postagens Populares personalizadas
  • Páginas numeradas


Adicionar o template no Blogger



Perfil  Do Autor











Copie o código abaixo e adicione como indicado no tutorial acima.
Edite as partes:

Pegue a imagem que foi baixada, edite ela colocando sua foto, e seu nome ,hospede ( Como hospedar imagem no Blogger veja aqui) e coloque o link no espaço onde está escrito LINK DA SUA IMAGEM AQUI



Troque a palavra LINK DO FACEBOOK Pelo link do seu FACEBOOK deixando dentro das " " e faça assim nos demais links.




<div style="margin:20px -50px;">

<img src="LINK DA SUA IMAGEM AQUI" style=" text-align: center; border: 0px solid; height: 350px; width: 300px;" title="Seu nome aqui" />
</div>

<center> <div style="margin:0px 0px 0 -30px; padding: 0px 0 0 18px;">

Aqui uma breve descrição sobre você

</div></center> <br/>


<left>
<a href="LINK DO FACEBOOK" target="_blank" ><img src="https://4.bp.blogspot.com/-DEeYSKdu86Q/WJjV9FMETgI/AAAAAAAAKHs/QQ6dVbHlRcoBv0zpPDF0xfhsY97y5z-vACLcB/s1600/Facebook.png" style="border: 0px solid; height: 48px; width: 48px;" title="FACEBOOK" /></a>

<a href="LINK DO TWITTER" target="_blank"><img src="https://4.bp.blogspot.com/-9kC7KSS1pu4/WJjV9FMW0YI/AAAAAAAAKHw/KllF7IuGBuwlMW2VTtg1liId1Otf58bpACLcB/s1600/Twitter.png" style="border: 0px solid; height: 48px; width: 48px;" title="TWITTER" /></a>

<a href="LINK DO GOOGLE PLUS" target="_blank"><img src="https://3.bp.blogspot.com/-UlT6A2N-RUY/WJjV9Xm7fcI/AAAAAAAAKH0/f70lg3CNEbMqCVDJcLX8p-JCQBDSBINgACLcB/s1600/Google-Plus.png" style="border: 0px solid; height: 48px; width: 48px;" title="GOOGLE PLUS" /></a>

<a href="LINK DO INSTAGRAM" target="_blank"><img src="https://3.bp.blogspot.com/-0n5kYeybP6k/WJjV9WurmRI/AAAAAAAAKH4/GbPKNw6k2gsJgRPUZozBB_EXrZqbzaCIACLcB/s1600/instagran.png" style="border: 0px solid; height: 48px; width: 48px;" title="INSTAGRAM"/></a>


</left>


Postagens Populares





1. Vá para o Painel do Blogger> Layout> Clique em Adicionar um Gadget> Clique no + em Postagens Populares> Arraste para onde deseja deixar > Clique em Salvar Organização



2. Clique novamente em Postagens Populares e em Editar, e configure deixando o Título


Calendário para Blog







1. Vá para o Painel do Blogger> Layout> Clique em Adicionar um Gadget> Clique no + em Arquivo do Blog> Configure marcando  Lista Simples > Diariamente > Salve >Arraste para onde deseja deixar > Clique em Salvar Organização.












 Marcadores







1. Vá para o Painel do Blogger> Layout> Clique em Adicionar um Gadget> Clique no + em Marcadores> Configure marcando Cloud > Salve >Arraste para onde deseja deixar > Clique em Salvar Organização.




Cabeçalho









1. Edite a imagem do cabeçalho, adicionando o nome do seu blog.

2. Vá para o Painel do Blogger> Layout> Cabeçalho> Clique em Editar> Adicione a Imagem Acima Editada já com o nome do seu blog > Marque a opção  Em Vez de Título e Descrição> Salve.





Menu do Blog







1. Copie o código abaixo, substitua a # pelo link do seu conteúdo e o nome da Aba pelo título.

2. Vá para o Painel do Blogger> Layout> Editar> Clique em Adicionar um Gadget no espaço abaixo do Cabeçalho> Cole o código e salve.

3. Sempre que precisar editar é só abrir o código e trocar o link ou o nome.



<center>
<div id='Main-Menu' >
 <div class='conteudo-menu'>
    <a href='#'><span>Home</span></a>
    <a href='#'><span>Nome da aba </span></a>
    <a href='#'><span>Nome da aba </span></a>
    <a href='#'><span>Nome da aba</span></a>   
    <a href='#'><span>Nome da aba</span></a>    
    <a href='#'><span> Contato</span></a>
</div>
</div>
</center>








Caixa de Pesquisa


1. Copie o código abaixo.
2. Vá para o Painel do Blogger> Layout> Editar> Clique em Adicionar um Gadget > Cole o código e salve> Arraste para o local desejado e clique em Salvar Organização.

<style> #search { float:left; height: 35px; margin:10px 0 0 -24px; } #search input.field { font-family: "Arial","Lucida Sans Unicode",Arial,Verdana,sans-serif; background-position:center right; background-repeat:no-repeat; width: 150px; padding:12px; outline: none; font-size: 13px; border: none; z-index: 1; height:16px; float:left; padding-right:32px; } #search input.field:focus { background-position:top right; background-repeat:no-repeat; } #search input.submit { width:55px; height:40px; font-weight:bold; float:right; border:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; cursor:pointer; margin:0 0 0 1px; } #search input.field { background-image:url (https://2.bp.blogspot.com/-pszFs4agOYI/WJkaX0PQNyI/AAAAAAAAKKI/Hkz_9gWyRogQhvR7Cae6jM5YaVTnTHilACLcB/s1600/search_icon.png); background-color:#b5b7e5; /*cor de fundo de onde digitamos a busca*/ color: #fff;/*cor de fonte*/ } #search input.field:focus { background-image:url (https://2.bp.blogspot.com/-pszFs4agOYI/WJkaX0PQNyI/AAAAAAAAKKI/Hkz_9gWyRogQhvR7Cae6jM5YaVTnTHilACLcB/s1600/search_icon.png); background-color:#fff;/*cor de fundo do botão Buscar em estado hover*/ } #search input.submit { background-color:#b5b7e5; /*cor de fundo do botão Buscar*/ color:#fff;/*cor da fonte do botão Buscar*/ } </style> <div id='search'> <form action='/search' id='searchform' method='get'> <div><input class='field' id='s' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Digite sua busca..&apos;;}' onfocus='if (this.value == &apos;Digite sua busca..&apos;) {this.value = &apos;&apos;;}' type='text' value='Digite sua busca..'/> <input class='submit' name='submit' type='submit' value='Buscar'/></div> </form> </div>





Obrigada por seu download. 
Copyright © 2017. Universo das Dicas

0 comentários