Uncategorized

Template DFMarine para Blogger

Já faz algum tempo que visito o Deziner Folio, um site que disponibiliza material para quem trabalha com designer, de altíssima qualidade. Embora visitasse com frequência a página, não havia notado os templates criados pelos irmãos Navdeep e Naveen de Bangalore, Índia. Uma leitora aqui do Templates me chamou a atenção para o tema dfMarine, pelo qual me encantei imediatamente. Convertí o template para o Blogger e com autorização obtida pelo autor (Navdeep Raj, thank you!), estou disponibilizando agora para vocês.

Em tempo: hoje eu descobrí que este template já foi convertido para o Blogger mas, como de costume, não baixei esta outra versão e fiz a conversão ao meu modo. Assim, não posso afirmar nada sobre outras versões e o que vou explicar aqui está relacionado tão somente ao modo como eu convertí o template.

Então senta que lá vem história…

Colocar links no menu superior


Para editar os links no menu superior ( no detalhe da imagem), procure este trecho do código do seu template (não é preciso expandir modelo de widget):

Procedimento: substitua os # pelos links que desejar.

Para inserir os links sociais

Procure por este trecho:

Socialize

Procedimento: substitua os # pelos links respectivos.

Para inserir links abaixo do cabeçalho

Para inserir estes links basta ir em Layout/Modelo -> Adicionar Elemento de Página e criar uma lista de links (no máximo tres para cada espaço, ou desfigura o template!) e arrastar para os espaços correspondentes, como mostra a imagem abaixo:


Para colocar os links no Menu da Sidebar

Se você olhar o Demo deste template verá que na sidebar há um menu fixo muito interessante, obtido com o JQuery, chamado de menu accordian (acordeão ou sanfona), devido ao efeito produzido na demostração dos links. O script acompanha o pacote com o código do template, bem como todas as imagens utilizadas e eu aconselho mesmo que você hospede tanto o script quanto as imagens e use sua hospedagem, para não ter problemas futuros. Para quem não sabe, basta hospedar o script no Goolge Pages, por exemplo, e inserir o link obtido neste trecho que se encontra no código do template:

<script language='javascript' src='http://ariane1673.googlepages.com/accordian.js‘ type=’text/javascript’/>

Substitua o meu link (em negrito) pelo link oferecido por sua hospedagem.

Para editar os links do menu, procure por estes trechos do código:

1º parte:

Título

Procedimento: coloque o título e os links onde estão indicados.

2º parte – formulário de Busca:

Search

Procedimento: coloque o link do seu blog onde está #

3º parte

Logo abaixo do código do formulário de busca você encontrará todo este trecho, onde os títulos, subtítulos e links devem ser inseridos conforme indicado:

Título 2

Título 3

Título 4

Título 5

Configurando a data da postagem:

Para não desconfigurar a data da postagem, use este formato:

Para ativar o formulário de comentários abaixo do post, leia este artigo.

Para quem deseja mostrar a data em todas as postagens do mesmo dia (originalmente, o Blogger suprime a data em uma segunda postagem de um mesmo dia) recomendo a leitura deste artigo.

Espero que tenham compreendido e apreciem este belíssimo template!

PS. Óbviamente, é proibido retirar os créditos do template.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s