Template Personal Web Card

Template Personal Web Card – 1 Coluna :

Template Personal Web Card

Demo Download Licença Termos de Uso
Informações sobre este template:
Este Template foi desenvolvido por Vanessa S.
Há um tempo atrás eu criei um Personal Web Card para o meu uso, e agora resolvi disponibiliza-lo para download gratuito, porém, fiz algumas adaptações nele para que ele possa ser usado por qualquer usuário.

Este template possui uma característica bem diferente e é ideal para servir como página pessoal, ou para criar um cartão de apresentação online.
Nele você pode incluir o gadget “perfil”, ou um resumo sobre você, para que seus leitores conheçam melhor a pessoa que está por trás dos textos, podendo incluir informações adicionais sobre você e seu blog.
Se você trabalha com prestações de serviços, por exemplo, pode incluir links para seus últimos trabalhos e ainda pode incluir links para seus perfis nas principais redes sociais as quais você participa.

O Template Personal Web Card não foi projetado para publicações de postagens, e não é muito personalizável, se você alterar as imagens que compõem o template ele perderá completamente o layout, portanto, se você procura um template para fazer muitas modificações, ou para publicar postagens, eu não aconselho o uso deste template.

Características do template:
• Designer Clean
• 1 Coluna
• Menu em abas
O efeito das abas no menu só foi possível graças ao script desenvolvido por Abu Farhan
Efeito Sombra nos textos com CSS3
Bordas Arredondadas nos títulos do menu
Uso de CSS3, compatível com qualquer navegador, nas versões mais recentes, com exceção do IE, que não suporta CSS3.
Os efeitos CSS3: sombra nos textos e bordas arredondadas, não serão visualizados no IE.

Estão incluidos na pasta de download:
– Arquivo XML.
– Leia-me.

 

Caso não saiba como trocar de template, confira o Video Tutorial que ensina passo a passo Como Trocar o template no blogger e veja como proceder.

Para o funcionamento correto deste template, é necessário que você siga os seguintes passo:

Incluir a aba de Redes Sociais:

Vá na aba “designer” >> “Elementos de página” >> “Adicionar gadget”, escolha a opção “html/javascript”.
Coloque o título que você preferir (Redes Sociais, Network, Socials etc).
Cole o seguinte código, fazendo as edições no locais destacados, para acrescentar os links e os ícones de cada rede social.

<div id="network">
<ul>
<li><a href="LINK-DO-BLOG"><img src="URL-ICONE-BLOGGER" /><strong>Blog</strong></a></li>
<li><a href="LINK-TWITTER" target="_blank"><img src="URL-ICONE-TWITTER" /><strong>Twitter</strong></a></li>

<li><a href="LINK-FACEBOOK" target="_blank"><img src="URL-ICONE-FACEBOOK" /><strong>Facebook</strong></a></li>

<li><a href="LINK-FEED" target="_blank"><img src="URL-ICONE-FEED" /><strong>Feeds</strong></a></li>

<li><a href="LINK-YOUTUBE" target="_blank"><img src="URL-ICONE-YOUTUBE" /><strong>Youtube</strong></a></li>

<li><a href="LINK-GOOGLE BUZZ" target="_blank"><img src="URL-ICONE-GOOGLE-BUZZ" /><strong>Google Buzz</strong></a></li>

<li><a href="LINK-MYSPACE" target="_blank"><img src="URL-ICONE-MYSPACE" /><strong>Myspace</strong></a></li>

<li><a href="LINK-PICASAWEB" target="_blank"><img src="PICASA" /><strong>Picasa</strong></a></li>

<li><a href="LINK-BLOGSBLOGS" target="_blank"><img src="URL-ICONE-BLOGSBLOGS" /><strong>BlogsBlogs</strong></a></li>

<li><a href="LINK-FORMSPRING" target="_blank"><img src="URL-ICONE-FORMSPRING" /><strong>FormSpring</strong></a></li>

<li><a href="LINK-LASTFM" target="_blank"><img src="URL-ICONE-LASTFM" /><strong>Last fm</strong></a></li>

<li><a href="LINK-ORKUT" target="_blank"><img src="URL-ICONE-ORKUT" /><strong>Orkut</strong></a></li>

<li><a href="LINK-FLICKR" target="_blank"><img src="URL-ICONE-FLICKR" /><strong>Flickr</strong></a></li>

<li><a href="LINK-LINKEDIN" target="_blank"><img src="URL-ICONE-LINKEDIN" /><strong>Linkedin</strong></a></li>
</ul>
<div class="clear"/>
</div></div>

Confira algumas sugestões de ícones para download gratuito:
Pacote de Icones para Redes Sociais
Icones de Redes Sociais Variados

Se você quiser retirar alguma rede social que consta no código, basta apagar o código correspondente a ela. E se quiser acrescentar mais alguma, basta repetir o código a partir de <li> até </li> e faça as inclusões necessárias.

Incluir a aba “Sobre”

1) Você pode utilizar o gadget “perfil” do próprio Blogger.
Vá no menu “layout” >> “Adicionar gadget”, escolha a opção “Perfil”.
Altere o título para “Sobre”.
Atenção: Se o seu perfil estiver indisponível (não compartilhado), se você não compartilhar seu perfil, ele não será exibido.
Sugiro que você marque a opção “Compartilhar meu perfil” se quiser que as informações sejam exibidas.

2) Se não quiser exibir a descrição que consta no perfil, você pode optar por criar uma pequena apresentação (biografia) em forma de texto e inclui-la diretamente na aba.
Basta escolher a opção “html/javascript”, em “adicionar gadget” e escrever o texto da sua biografia.

Importante:
O menu suporta no máximo 4 abas, não insira mais do que isso, caso contrário ficará desconfigurado. Procure usar títulos curtos no Menu.
Para adicionar mais abas ao menu, basta inseri-las através da aba “design” >> “Elementos de página” >> “Adicionar gadget” e escolha o gadget que você quiser.

Se quiser alterar a imagem de background, procure por:

http://4.bp.blogspot.com/_3eh_nW6DoIE/TLMnOHSaHEI/AAAAAAAABXY/H49zIZnr-BQ/s1600/bg-bublle.jpg

Crie ou escolha a sua imagem, hospede-a no seu servidor preferido (eu recomendo o Picasa), copie o endereço desta imagem e substitua a url da imagem acima, pela url da sua imagem.

Atenção:
– Não ofereço qualquer tipo de suporte para editar, refazer ou modificar, a seu gosto, o template aqui disponível;
– Caso queira realizar modificações na estrutura, nas imagens do template ou instalar recursos, que não estejam descritos neste tutorial, pesquise como fazer.
– Quaisquer modificações nos recursos instalados, é por sua conta e risco;
– É indispensável que ao instalá-lo você leia atentamente as instruções e os termos de uso, e que respeite os direitos autorais da criação deste template.
– É permitido modificação no template, você poderá alterar ou incluir recursos por sua conta própria, mas os créditos de autoria original devem ser sempre mantidos, em qualquer caso.

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Comentários
  1. #Alemão
  2. Luis Fernando
  3. Italo Eduardo
  4. Eduardo Felipe
  5. Sybylla
  6. .:: Clau ::.
  7. Thiago
  8. Nerd Flanders
  9. Silvana
  10. .:: Clau ::.
  11. ?? Mel ? mendes? ? ?
  12. Escolas de Surf
  13. .:: Clau ::.
  14. Lukas
  15. querocriarumblog.com.br
  16. .:: Clau ::.
  17. Lukas
  18. ? Jão Bless ?
  19. .:: Clau ::.
  20. Max Martins
  21. Max Martins
  22. mundodadanca1
  23. AnneKira
  24. Felipe Correia