Template - Graffiti Style

Noticiado em: quinta-feira, 17 de setembro de 2009

DEMO - DOWNLOAD
 

Já faz algum tempo que venho prometendo template novo. Na verdade 2 estavam na agulha, faltando apenas acertar alguns detalhes. Um desses é o que irei disponibilizar agora.

Seguindo a mesma linha, escolhi dessa vez o tema Graffiti Style. Um layout que se acomoda muito bem nas configurações 1024X768 (mas que fica ainda melhor nas configurações acima disso).

Pensando em evitar ao máximo colocar códigos em excesso no HTML, criei áreas para gadgets em Elementos da página. O que irá facilitar o trabalho de quem estiver interessado em instalar o template.

Vamos agora as recomendações:

- Substitua e hospede, assim que puder, todas as imagens do template em seu próprio host de confiança.

- Para colocar a data e a busca no topo do site.

• Vá em Layout >>> Elementos da página >>> Adcionar um gadget >>> HTML/Javascript >>> e cole os respectivos códigos em cada janela que irá se abrir e depois salvar.

Data:

“Nome do Blog” | <script language="JavaScript">
hoje = new Date()
dia = hoje.getDate()
dias = hoje.getDay()
mes = hoje.getMonth()
ano = hoje.getYear()
if (dia < 10)
dia = "0" + dia
if (ano < 2000)
ano = 1900 + ano
function NArray (n)
{
this.length = n
}
NomeDiaWMOnline = new NArray(7)
NomeDiaWMOnline[0] = "Domingo"
NomeDiaWMOnline[1] = "Segunda-feira"
NomeDiaWMOnline[2] = "Terça-feira"
NomeDiaWMOnline[3] = "Quarta-feira"
NomeDiaWMOnline[4] = "Quinta-feira"
NomeDiaWMOnline[5] = "Sexta-feira"
NomeDiaWMOnline[6] = "Sábado"
NomeMesWMOnline = new NArray(12)
NomeMesWMOnline[0] = "janeiro"
NomeMesWMOnline[1] = "fevereiro"
NomeMesWMOnline[2] = "março"
NomeMesWMOnline[3] = "abril"
NomeMesWMOnline[4] = "maio"
NomeMesWMOnline[5] = "junho"
NomeMesWMOnline[6] = "julho"
NomeMesWMOnline[7] = "agosto"
NomeMesWMOnline[8] = "setembro"
NomeMesWMOnline[9] = "outubro"
NomeMesWMOnline[10] = "novembro"
NomeMesWMOnline[11] = "dezembro"
document.write (NomeDiaWMOnline[dias] + ", " + dia + " de " + NomeMesWMOnline[mes] + " de " + ano)
</script>

Busca: (caso você não use um outro sistema de busca como o do Adsense do Google)

<form action="Endereço do Blog/search" id="searchthis" method="get" style="display: inline;">
<table cellpadding="0" cellspacing="5" style="height: 100%; width: 230px;">
<tbody>
<tr>
<td valign="middle"><input id="b-query" name="q" size="45" type="text" value=" Procurando algo?" />
</td>
<td class="navbutton" valign="middle"><input id="submit" name="submit" tabindex="1" type="submit" value="Buscar" />
</td>
</tr>
</tbody>
</table>
</form>

- Linkar os ícones do Cabeçalho:

• Vá em Layout >>> Editar HTML >>> E com ajuda do “Crtl + F” procure pela Div icons e então colocar o endereço de sua página inicial, página de contato e Feed.

<a href='Endereço do link aqui'>

- Menu de navegação:

• Você irá fazer a mesma coisa que fez no item anterior. Vá em Layout >>> Editar HTML >>> E com ajuda do “Crtl + F” procure pela Div menu_nav.

<li><a href='Endereço do link aqui' title='Inicio'>Inicio</a></li>

Espero que gostem!

Até a próxima notícia, template ou tutorial!

Abraço! :)