Olá Little Monster's, você gostou do nosso site? nos curta na caixinha do Facebook ao lado *-*.
Hoje eu vou ensinar vocês a fazer um template simples com o Modelo Espetacular Ltda. Vamos lá? Confira abaixo completo:
terça-feira, 15 de maio de 2012
domingo, 22 de abril de 2012
Colocar slide de parceiros
vai em Design> Elementos de página> adicionar um gadget> HTML/ javascript e adicione esse código:
<marquee onmouseout="this.start();" onmouseover="this.stop();">
<a href=" Link do parceiro " target="_blank" style="text-decoration: none; color: rgb(51, 170, 255);"><img src=" Link da imagem " title= Nome do parceiro" style="border-style: none; position: relative;" border="0" /></a>
<a href="Link do parceiro" target="_blank" style="text-decoration: none; color: rgb(51, 170, 255);"><img src="Link da imagem" title="Nome do parceiro" style="border-style: none; position: relative;" border="0" /></a>
</marquee>
e se quiser adicionar mais um parceiro ou imagem rolante, coloque:
<a href=" Link do parceiro " target="_blank" style="text-decoration: none; color: rgb(51, 170, 255);"><img src=" Link da imagem " title= Nome do parceiro" style="border-style: none; position: relative;" border="0" /></a>
DICA: coloque imagens do mesmo tamanho, pois se for diferentes, eles ficam deformados
quarta-feira, 18 de abril de 2012
Colocando Favicon no blogger
Vá no photofiltre e crie uma imagem tamanho 320x320, depois de colocar como quiser, colocando uma imagem ou fazendo a abreviação do seu site, mude o tamanho dela para 32x32
Depois vá no Blogger> Postagem> Nova postagem e aperte em inserir imagem, assim você coloca a imagem para ser hospedada, depois pegue o link da imagem e guarde, por enquanto.
Agora vá em Design> Editar HTML> expandir modelos de Widgets e encontre a linha “<head>”
Depois de encontrar, depois da linha acrescente o código:
<link rel="shortcut icon" href="URL-DA-SUA-IMAGEM"/>
Depois, vá em
]]></b:skin>E embaixo dela coloque o seguinte código:
<link href='URL-DA-SUA-IMAGEM' rel='icon' type='image/x-icon'/>
<link href='URL-DA-SUA-IMAGEM' rel='shortcut icon' type='image/x-icon'/>
<link href='URL-DA-SUA-IMAGEM' rel='icon'/>
<link href='URL-DA-SUA-IMAGEM' rel='icon' type='image/vnd.microsoft.icon'/> E visualize, se aparecer a imagem, perfeito, senão, repita a operação, pois vocêdeve ter feito algo errado. Gostaram? é bem fácil Colocar a data da postagem no rodapé do post
Oi Little Monster's, estamos postando mais tutoriais, confira abaixo completo e divirta-se, se tiver dúvidas, comente, se quiser algum tutorial, também comente, que iremos fazer um especialmente para vocês. Let's Go:
Vá em Design > Editar HTML > marque a caixa "Expandir modelos de widgets", e procure por este código:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
Para não se confudir, procure apenas por "
<b:if cond='data:post.dateHeader'>", pois encontra mais rápido:Quando achar ele, abra um bloco de notas, aperte CTRL+C(no código todo), e depois cole (CTRL+V) no bloco, depois apague todinho do template , porém, não salve, pois pode acontecer algo de arrado.
Agora procure pelo:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> Assim que achar ele, cole aquele código que você colou no bloco de notas EMBAIXO dele
Agora, você procura por essa linha:
<h2 class='date-header'><span><data:post.dateHeader/></span></h2> E substitua por: <span class='date-header'><data:post.dateHeader/></span> agora procureh2.date-header {
substitua ele por .date-header {
color: #FFFFF /*coloque a cor de sua preferência*/
margin: #FFFFF /*defina um espaçamento se quiser*/
padding:#FFFFF /*defina um espaçamento se quiser*/
font-size: #FFFFF /*coloque o tamanho da fonte de sua preferência*/
} Colocando suas cores de preferência.
Assinar:
Comentários (Atom)