Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

01 março 2011

Template Feminina



Template com menu horizontal, slide, postagens resumidas e posts relacionados.
Apesar de usar o modelo 'antigo' para criar este template, alguns detalhes podem ser modificados em Designer de Modelo (como algumas fontes).

Sobre o template: Ano passado eu conheci o blog SimplexDesign e tomei conhecimento do uso de um script que possibilitava mostrar na página inicial, não os últimos posts publicados, mas sim os últimos posts publicados por categoria (marcadores) escolhidas. A ideia de mostrar na página inicial somente os posts de determinados marcadores me pareceu muito interessante e comecei a trabalhar no sentido de entender e aplicar o script. Porém, ele demostrava problemas de exibição no navegador Internet Explore e sem conseguir obter suporte do criador/distribuidor do script, procurei a ajuda de amigos blogueiros. Pude, então, mais uma vez contar com a incrível colaboração do meu amigo JMiur do blog Vagabundia, que novamente me 'salvou' e fez suas magias, me entregando um script limpo e enxuto, pronto para uso. JMiur, mais uma vez, obrigada :)

Enfim, como expliquei acima, neste template o que será exibido na página inicial serão os posts relacionados a determinados marcadores que você selecionará dentro do script. Para tanto, procure dentro do código do template o seguinte trecho (clique em Expandir Modelo de Widget e use Ctrl+F para encontrar com facilidade):

imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
summaryPost = 60; // numero de caracteres do resumo
summaryTitle = 25; //numero de caracteres do titulo
numposts = 3; // numero de resumos por categoria

var contarlabels = 0;
labelname = new Array("Desfiles","Gastronomia","Moda","Beleza");
labeltitle = new Array("Desfiles","Gastronomia","Moda","Beleza");

Em vermelho está a url da imagem que aparecerá quando não houver imagens no post. Você pode colocar aqui a url de qualquer outra imagem que preferir.
Onde está em negrito (Desfiles, Gastronomia, etc) substitua pelo nome dos marcadores que você deseja exibir na página inicial. Cuidado para não remover nenhuma aspa ou vírgula!!

Também procure por:

salida += '<div class="featured">';
salida += '<h3>' + labeltitle[contarlabels] + '</h3>';
salida += salidainner;
salida += '<b><a href="http://templatefeminina.blogspot.com/search/label/' + labelname[contarlabels] + '?max-results=10">More '+ labelname[contarlabels] +'</a></b>';
salida += '</div>';
document.write(salida);
contarlabels ++;
}

Onde está em negrito, substitua pela url do seu blog. Mais abaixo encontre os trechos:

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Desfiles?max-results=3&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'/>

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Gastronomia?max-results=3&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'/>

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Moda?max-results=3&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'/>

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Beleza?max-results=3&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'/>

Aqui você vai substituir o link do templatefeminina pela url do seu blog e em seguida colocará o nome dos marcadores (substituindo Desfiles,Gastronomia, Moda, Beleza). Note que aqui os marcadores devem aparacer na mesma ordem que você colocou no trecho lá em cima, entre parênteses, como no meu exemplo.

Para aumentar o número de posts a serem exibidos em cada categoria, mude a numeração aqui:
numposts = 3; // numero de resumos por categoria
e aqui:
<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Beleza?max-results=3&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'/>

Obs: Se o número de postagens de um marcador for menor que o número determinado no script, nada aparecerá. Por exemplo, se estiver determinado que apareça 3 posts por marcador e você só tiver um post publicado com aquele marcador, não aparecerá nenhum. O número de posts deve ser igual ou maior.

Slide: no código está destacado o trecho relacionado ao slide de maneira bastante explicativa:

<!--INICIO DO SLIDE-->

<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<a href='COLOQUE AQUI O LINK DO POST'><img src='COLOQUE AQUI O LINK DA IMAGEM'/></a>
<span>COLOQUE AQUI A LEGENDA<br/>
</span>
</li>

<li class='s3sliderImage'>
<a href='COLOQUE AQUI O LINK DO POST'><img src='COLOQUE AQUI O LINK DA IMAGEM'/></a>
<span>COLOQUE AQUI A LEGENDA<br/>
</span>
</li>

<li class='s3sliderImage'>
<a href='COLOQUE AQUI O LINK DO POST'><img src='COLOQUE AQUI O LINK DA IMAGEM'/></a>
<span>COLOQUE AQUI A LEGENDA<br/>
</span>
</li>

<li class='s3sliderImage'>
<a href='COLOQUE AQUI O LINK DO POST'><img src='COLOQUE AQUI O LINK DA IMAGEM'/></a>
<span>COLOQUE AQUI A LEGENDA<br/>
</span>
</li>

 <!--FIM DO SLIDE-->

O tamanho das imagens devem ser de  610px (largura) e 310px (altura).


Antes de baixar o template, por favor, leia as explicações e atente para o fato de que neste modelo, na página inicial, só aparecerão os posts relacionados aos marcadores que você determinar no script.

Para colocar os links no menu, crie uma lista de links e arraste para o espaço abaixo do cabeçalho.

Quero aproveitar e deixar um obrigado ao Fernando do Blogueiros na Web. Apesar de não estar usando o script como ele modificou, não posso deixar de agradecer o tempo que dedicou tentando me ajudar.



EDIT 14/03/2011 : um novo link para download está disponível com os scripts para o slide dentro do código do template.

EDIT 21/03/2001: um novo link para download está disponível com uma correção para o problema de duplicidade de texto nas páginas estáticas. Meu agradecimento ao Raphael Viper que me alertou sobre o problema :)

Artigos Relacionados

236 comentários:

«Mais antigas   ‹Antigas   201 – 236 de 236   Recentes›   Mais recentes»
Redação disse...

Boa tarde!

Olá Ariane, estou precisando de sua ajuda. Estou utilizando o template feminina(AQUI:http://rondacamocim.blogspot.com/). Tenho uma dúvida: é possível colocar setas no slide, para que o leitor as utilize para voltar ou seguir as notícias?

Aguardo resposta, que sim ou que não.

Abraço, parabéns pelo blog. Fica com Deus.

volos voice disse...

hi
i have problem with slider
when i use volosvoicegr.blogspot.com everything ok

BUT when i go to www.volosvoice.gr no slider


WHY?
HELP please

Bruna Amaro disse...

O template ferminina ficou masculinA no meu blog hehehehe obrigado http://www.pablowest.com

Jhenny disse...

oi ariane

eu estou tentando alterar o numero de postagens que fica na pagina inicial,mais não consigo de geito nenhum,ja vi o que vc falou para o fabricio que o google filtra posts com muitas imagens,tentei com posts que tem uma imagem só e não foi,ele só fica com 3 posts não passa disso.

Outra coisa quando altero pra 2 fica perfeito e aparece até o Linka para as 10 postagens do assunto, mas com 3 ja nao funciona corretamente.
tentei mudar para 6 postagens,mais não adianta continua aparecendo só 3
não sei mais o que fazer me ajuda por favor!!!

meu blog
espacodamullher.blogspot.com

Anônimo disse...

Hello Ariane,

I'm not sure if you're even responding the questions anymore but I'm hoping you are. I've read every post on here trying to figure out why my post wont show up on the home page and I've tried everything it said. my only conclusion to my issue is that I decided to put 6 markers instead of 4 and because of that I think I'm missing something to make the post show. if this is the case can you please tell me what I need to change so that it will finally work? my blog is http://thesinglegirlsjournal.blogspot.com and I look forward to hearing from you and thank you in advance for all your help.

Christa

Moldes e Moldes disse...

Ariane
Iniciei uma tentativa de criar um blog para minha marca de roupas que desenvolvo e vendo, agora temos uma loja fisica.
vc poderia me ajudar a escolher um layout ideal, para o meu trabalho. Pois quero mostrar tendencias do que estou desenvolvendo e tb atualizar assuntos sobre moda.
por favor aguardo suas sugestões, tenho quem faça para mim os banners e quem irá trabalhar no desenvolvimento do blog será meu esposo.
www.tarsilamoda.com
Márcia

Afrodites disse...

Olá Ariane! Adorei suas templates, apesar de não entender muito de html estou testando, mas não apareceo menu! Falta fazer algo? obrigada.bjnhs

Neemias Rodrigues disse...

Teci os elogios e esqueci da pergunta: No meu blog, não estão aparecendo as imagens do mais acessados, Será que você consegue me dizer porque?

Sergio Monguiló disse...

Hola Ariane

Lo primero muchas gracias por la plantilla !Es un gran trabajo!

Tengo un problema, no consigo que coincidan en la página principal los marcadores con los artículos.

He colocado una sola etiqueta por artículo, y sigo el orden establecido.

Olá Ariane

Em primeiro lugar muito obrigado para o modelo! É um ótimo trabalho!

Eu tenho um problema, eu não posso corresponder na página principal com marcadores de artigos.

Eu coloquei uma etiqueta única por item, e eu seguir a ordem.

Mas eu fico artigos duplicados e seções que você não está me ajudar?

Outra pergunta: Onde eu posso mudar o "rótulo more +" para "mais + rótulo"?

muito obrigado

Pero me salen artículos duplicados y las secciones no se corresponden ¿Podrías ayudarme?

Otra pregunta: ¿Dónde puedo cambiar el "more + label" por "más + label"?

Muchas gracias

Amanda Lorga disse...

Boa noite.
Coloquei mais de um post por categoria (mais de 3, na verdade) e não tem barras repetidas, até onde sei.
Como faço então para aparecerem os posts na primeira página?
Bjs!

http://avenidapassarela.blogspot.com/

morenocris disse...

oi, ariane, peguei o seu template feminina, fiz alterações como teste, pois estou aprendendo a mexer no sistema. também estou organizando as ideias para fazer um artigo sobre todos os passos que caminhei até chegar naquele jeito. agora vi que as imagens da primeira página sumiram, contudo, dentro, estão intactas. minha plataforma é do blogpost e meu domínio é outro. pretendo fazer um site completo, do jeito que penso como seja um sítio, para acoplar as minhas ideias. o meu artigo, na verdade, inicia por aí. não mexi no seu crédito, em nenhum momento. sei o que significa preservar e indicar a fonte. peguei sugestões do mundo blogger, do dicas blogger, da mama blogguer. a todos citarei no meu artigo. hoje recebi muitas visitações, por conta das pessoas que estão opinando e, também, da forma como você disponibilizou as paǵinas internas: perfeitas. estou há cinco anos nas redes sociais, e é a primeira vez que encontro um template tão completo, fácil, sedutor. vou ver o que está acontecendo no sistema. beijos. qualquer coisa, voltarei para os modelos do blogspot, até criar a minha página. eu gostaria de fazer tipo a revista 'elle', tipo uma revista e que consultada como tal, como se estivesse virando as páginas, a cada clickada nas manchetes. o que você acha? será um longo caminho... abraços. gostaria de te pedir perdão, se fiz algo inconveniente com a sua plataforma. confesso-lhe que foi do agrado de todos.

Johnny Dias disse...

Parabéns pelo Blog, adorei! mas não estou conseguindo deixar as postagens no centro da pagina, fiz tudo direitinho, nao dupliquei as / , me ajude, obrigado

- disse...

Ola, adorei o Template
Verdadeiramente é muito sofisticado,
tenho dificuldade em HTML, Por isso não consigo
tirar o slade inicial onde mostra o que parece um desfile.

Peço ajuda.

Obrigada!

Fernanda disse...

Oi, Ariane! Este template é lindo, parabéns. No entanto, estou tendo um pequeno problema com ele: as miniaturas do resumo não aparecem, mesmo que os posts tenham imagens (aparece a imagem da interrogação, como se o post não tivesse imagem).

A primeira imagem de todos os posts é quadrada e pequena, por volta de 140x140px e de todas eu tirei a opção de clicar para aumentar (são imagens sem link). Estão alinhadas à direita do post. Como resolver este problema? Você poderia publicar um tutorial?

Grata desde já! Beijos

Fernanda disse...

Queria retirar meu comentário anterior, pois o problema já foi resolvido. Muito obrigada por este lindo template!

O Poeta disse...

Olá, instalei o tema no meu blog, Mas Nos Posts recentes por marcadores aparecem somente duas das quatro categorias. Gostaria de saber se há como eu solucionar esse problema.
Ja verifiquei em todos os comentarios acima e não encontrei um que tivesse o mesmo problema.
http://reflitaja.blogspot.com/

Ariane disse...

Amanda, vi que no seu código está 'max-results=1' após cada marcador, quando deveria estar 3

Anask você tem que colocar os marcadores exatamente como foram criados e no seu caso, religião foi criado com letra minúscula e sem acento.

Anônimo disse...

Olá tudo é perfeito, mas quando eu executar o script com uma única lavagem na sidevar não o executivo principal não poderia me dar graças luz

Anônimo disse...

Ariane,

Só tenho a agradecer. Estava muito querendo modificar o meu blog (que é voltado para notícias jurídicas), encontrei o template e suas dicas, então consegui realizar meu projeto. Obrigado por compartilhar. O meu blog ficou da forma que eu queria e, em parte, agradeço a você.

Grande abraço.

Bruno

(O Blog: Ordem Jurídica - http://www.ordemjuridica.blogspot.com)

Camila Make - Loja Divônica disse...

Olá, Ariane! Parabéns pelo blog! Sempre visito!

Este template é lindo mas as miniaturas não aparecem na minha home. O que pode estar acontecendo? Todos os posts têm imagens!

O blog é este:
http://divonica.blogspot.com

Grata! Beijos e continue com este lindo trabalho que vc faz.

Ariane disse...

Bruno fico contente que o template te ajuou de alguma maneira.

Camila os marcadores devem ser escritos como foram criados (no seu caso, todos começam com letra minúscula) e nesta parte do script estão em maiúscula: labelname = new Array("Vídeos","Maquiagem","Celebridades","Saúde","Estilo","Esmaltes","Cabelos","Música","Eventos")

Marcos Bicalho disse...

Como é meu primeiro blog trabalhado no html, sofri pra fazer os posts aparecer.
Mas depois de tanto bater cabeça e de ler aqui suas respostas, consegui. Ainda não está pronto, deve ficar só no final de setembro, mas obrigado prlo template e pela sua atenção com a galera.

Gisele Barbosa disse...

Oi Arianee!!
Parabéns pelo blog e pelo template!!
gostaria q vc me desse uma ajudinha flor^^
eu não to conseguindo mudar a cor dos nomes dos labels
jah trokei todas as cores q eu achei lah + ele continua rosa......=/
Dê uma ajudinha pra mim?
e tbm queria saber se não tem como eu colocar um menu em flash
eu criei um menu no flash menu labs pro e ditei o codigo no deamweaver cs5 e o codigo funciona perfeitamente + quando tento inseri-lo no template dah erro! e tentei jogar o javascript dele pelo Gadget e tbm não aparece! só aparece uma mensagem dizendo que eu tenhu q atualizar o meu flash player ou autorizar javascript + tah atualizado e autorizado e msm assim não vejo.=/
por favor me ajuda?
Desde Jah agradeço!!
Me apaixonei pelo template Parabéns!

nex disse...

ola Ariane, parabéns pelo blog e por esse belo templante ,mas estou ja a algumas semanas mechendo nesse templante,tentando deixar a meu gosto se vc n se importa e claro, mas tenho uma duvida,parece que é so comigo q aconteceu isso, eu editei ele todo pelo google chrome e ficou bom,mas qndo abrir ele pelo IE8 sem comentarios,sera que poderia me dar uma dica como resolver isso?

Tarcizio disse...

Oi Ariane, queria saber se da para aumentar o numero de categorias, como nesse blog http://capricemagazine.blogspot.com ?
ficaria muito agradecida de pudesse me ajudar !

Wieczorek disse...

buenas noches, Ariane :)

Este diseño es el más bonito. Además, la estructura es muy grande. ¡Muchas gracias!

saludos Wieczorek

Alessandra Colorista disse...

Amigaaaaa, você é THE BEST. Me dá uma ajudinha please!!! O meu slide tá pequenininho porque??? eu coloquei as imagens 610x310. e o lance dos marcadores eu não consegui de jeito nenhum. Dá uma olhadinha pra mim, se puder: www.alessandracolorista.com
Bjs

Alessandra Colorista disse...

Retificando: eu consegui mudar o tamanho do slide e consegui incluir as postagens por categoria, mas porque ao invés do nome da categoria está aparecendo números?

Ademir Henrique disse...

Por favor, pode me passar a informação de como faz para trocar a cor do marcador

Paulla disse...

olá Ariane
Parabéns pelo seu blog. Adoro as suas dicas, fiquei fã. Esse é o meu primeiro blog estou aprendendo a mexer.Adorei esse template Feminina parabéns mais uma vez.
Ariane se possível vc poderia me dizer o que eu estou fazendo de errado pois na página só aparece 3 marcadores. Eu criei algumas postagens para testar e mesmo assim só continua aparecendo 3 marcadores.
Desde já obrigada. bjs

Adm disse...

Ola, esse templete é o do game tbm são shows,
mas tava pensando em outro tipo de template e queria saber se vc poderia me ajudar. so queria que no lugar dos posters ficasse uma categoria de feeds(somete 1). tinha como vc explicarmos isso? vlww

Sandra HS Delaneze disse...

uma pergunta, por favor, se vc souber, as visualizações que eu faço no meu blog contam?? sempre entro com meu login...por favor, preciso de ajuda!

Anônimo disse...

hola tengo un problema no me funcionan las etiquetas, labels,

labelname = new Array("Coches"
labeltitle = new Array("Coches",
no funciona sigue mostrando contenido de escapegames

http://pruebasdejuegos22.blogspot.com/

por favor ayuda gracias! estube 5 horas intentando y no pude :(

PetStarr disse...

Hi Arianne, I love your template! I modified it for my blog but I am having one problem.

I have set my label pages to display up to 20 posts. But some only display one or two.

This one works OK: http://blandcanyon.blogspot.com/search/label/TV%20and%20Media

But this one will only display 2 posts, even though there are many more: http://blandcanyon.blogspot.com/search/label/ANTM%20Wrap%20Ups

They are also displaying the date of some posts in strange places.

Can you work out why?

Unknown disse...

Ola meu site/blog ta com um poblema na pagina das categorias (http://www.portaldamodailhota.com/search/label/Lojas%20Moda%20%C3%8Dntima) aparece um espaço muito grande entre o titulo e o conteudo oq ue ta acontecendo? Agradeço
Valdecir M. de azevedo.

MULHER MENINA disse...

Oi Ariane,
uma novata, que tenta por muito tempo criar um blog bacana. Te encontrei! Vou seguir as dicas, estou muito anciosa para ver o meu desejo de ter um blog bonito, com assuntos interesantes, e atrair muitos leitores. Obrigada por este espaço. De coração, estou muito feliz... Um grande abraço, com muita luz...

«Mais antigas ‹Antigas   201 – 236 de 236   Recentes› Mais recentes»

Postar um comentário

Os comentários são moderados.