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).

04 setembro 2009

Template Pin-Up

template pin-up blogger


O template contém:

- Menu superior à direita. Para editar os links do menu superior (Menu1) procure o seguinte trecho no código do template, apague o que está em negrito e coloque o seu link no lugar:

<!-- Inicio Menu1 -->
<div id='menu1'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Subscribe to Content via RSS'>Feed</a></li>
<li><a href='http://twitter.com/_Ariane_' title='Twitter'>Twitter</a></li>
<li><a href='http://template122.blogspot.com/2009/02/contato.html' title='Contato'>Contato</a></li>
</ul>
</div>
<!-- Fim do Menu1 -->

- Menu horizontal abaixo do cabeçalho. Para editar os links do Menu2, procure o seguinte trecho do código do template:

<!-- Inicio do Menu2 -->
<div id='subscribe'>
<ul>
<li class='link1'><a herf=''>Categorias</a></li>
<li class='link2'><a href=''>Fotos</a></li>
<li class='link3'><a href=''>Arquivos</a></li>
<li class='link4'><a href=''>Sites</a></li>
</ul>
</div>
<!-- Fim Menu -->

Coloque os links entre as aspas após href=

- Resumos automáticos de postagens com miniatura das imagens utilizadas;
- Sidebar dividida em duas colunas;
- Footer dividido em 3 colunas;
- Posts Relacionados nas páginas internas.

Para configurar o Feed no rodapé da postagem, cliquem em Expandir Modelo de Widget e procurem pelo seguinte trecho (use o Ctrl+F para facilitar):

Assine o <a href='coloque aqui a url do seu FEED' title='RSS Feed'>Feed</a>


Podem usar e modificar à vontade, peço apenas a gentileza de não retirarem os créditos, ok?

Bom final de semana! :)

Obs: novo link para download em 21/10/10

Artigos Relacionados

37 comentários:

Fábio Carvalho disse...

ótimo template..

assim como todos com selo TNB de qualidade ;-)

só que aqui tá com um detalhe:
a largura do template tá além do padrão.

nao sei se é do template ou é daqui mesmo.
Bjs =)

Professor Rogério Souza disse...

Ariane, podemos começar a contar os minutos para que a Iara troque o dela. Muito lindo este template. Parabéns pelo trabalho. Adorei a ideia do nome do blog dentro de uma balão de comentários.

Kinha disse...

Ariaaane!!
Linndo! Adoro Pin-ups. Show mesmo.
Depois, quando tiver tempinho disponível, e como dizem os meninos, tentarei umas idéias que tenho na cabeça....rsssss...
Eles estao bem certinhos né não? Tem uns e outros na esplanada que tem idéia na cabeça nãooooo!!! O quê?? Quem disse isto?? :P :D :D
Tem umas coisinhas pra vc bem divertidas Ariane. Acho que rirá muiiitoooo!!! Criança tem cada uma!!
Agora estamos quase finalizando os rascunhos. Dá uma coceirinha básica pra te contar, mas depois perde a graça né?
Aguenta aih...rsssss
Bjooooooooooooooooooooooooooooooo

Luana Giampietro disse...

nossa, linda de morrer!! meu... você tá cada vez melhor!!! essa eu vou usar com certeza!!!

beijossss

Helen Fernanda disse...

Uma vez eu fiz um template pin-up para uma amiga, mas infelizmente perdi o backup dele.

Ficou muito legal!

Anônimo disse...

Adoreiiii, coloquei no meu blog de curiosidades!!!

Ariane disse...

Fábio obrigada pelo toque, acho que agora consegui melhorar um pouco

Bauru acho que a Iara não vai querer esse não, de qualquer maneira, obrigada!
Kinha não vejo a hora de ver tudo pronto! :)

Luana, Helen, Curiosidadesdoplaneta obrigada!

Garota Irritante disse...

Oiiiiiiiiii... ta lindo, queria colocar no meu blog, mas essa parte que é pra mudar em negrito, quando coloco o link do meu blog ele da erro, creio concerteza q eu to fazendo algo errado, mas tbm eu não entendo nada de xml, me ajuda please. xD

Hip Hop Style disse...

Ariane queria saber como faço para o meu blog aparecer na pesquisa da Google igual o seu, tipo quando pesquisamos Templates Novo Blogger, aparece tudo bem organizado,
Templates Novo Blogger
Link 1
Link 2
LInk 3
tipo assim,então como faço para o meu aparecer desse jeito?

Jú Câmara... disse...

Olá Ariane... Parabéns!!! Vc é ótima mesmo nos trabalhos que faz. Aprendo muito com vc. Fiz um blog para minha cachorrinha e em breve estarei fazendo um pessoal e peguei o seu selinho e coloquei no blog que fiz. Fiz isto antes de falar com vc, mas se tiver algum problema me fala. Obrigada por ensinar tantas coisas legais. Sempre venho na sua pagina pq ta tudo muito perfeito. Queria saber duas coisas, a primeira é se tem como colocar margens no blog ou nas colunas usando as próprias texturas do nosso pc. E a outra é como se faz um layout, isto é criar eu até sei criar, mas oq me dá um trabalho e nunca dá certo é postar, pq sempre que vou colocar no blog ou fica no meio e pequeno ou quando vou mudar os códigos ai fica muito pra esquerda, ou muito pra direita ou uma em cima da outra, enfim uma bagunça só rsrs Queria mesmo saber como se faz para deixar o layout na pág toda como por exemplo a que tenho no meu blog. A que está lá eu peguei em um blog que distribui layout, mas eu queria mesmo era criar o meu. Se for possível me diga como faço ou me mostre aonde encontro isto no seu blog, pq se falando em boa explicação vc está no topo da lista. Vc explica muito bem e não tem como errar. Mais uma vez parabéns, vc é fera mesmo. Sempre estarei por aqui lhe prestigiando. Fique com Deus e que Deus lhe abençoe sempre. Bijos da Jú

Luíza Paiva disse...

Olá, tenho um blog (floraoriginal.blospot.com) e gostaria de disponibilizar artigos meus no formato pdf. Já tenho os artigos prontos neste formato mas não quero colocá-los como postagens mas sim como links que entrariam diretamente no arqui em pdf que criei. Você sabe como posso fazer isso?

Unknown disse...

Ariane, tou me "batendo" nesse Menu². Não tem jeito de acertar, e deixá-lo funcionando. Tem como cê me ajudar? Brigadão!

Ariane disse...

Luíza, acho que o 4shared hospeda pdf, aí é só copiar a url fornecida e colocar no blog (como faço aqui).

Ricardo, seu perfil não está disponível, por isso não tenho como ver qual é o erro no código.

Eu disse...

Oi Ariane, tudo bem ? Veja só, fui tentar linkar o Templates para Novo Blogger e não estou conseguindo, diz que o Feed não existe, pode ? Só mesmo para avisar. Beijos

http://2.bp.blogspot.com/_BaCxSD9NFn8/Sq6AgKKRFcI/AAAAAAAAAdY/3c6FYkbiysw/s1600/ari.png

Anônimo disse...

Ariane,

Adorei o template e vou usá-lo em um blog novo. Gostaria de saber se tem como colocar o número de comentários nos resumos que aparecem na página inicial.

Grata

Marta Eunice disse...

Amei ..meu blog tb é cheiinho de pin ups

Ricardo disse...

na verdade nem é erro no código. tá tudo ok, tou alterando poucas coisas; nem mexi nesse menu². o lance é que eu nem imagino o que fazer com os links desse menu, rsrs. não sei como fazer pra abrir tipo outra página, como vi no modelo (aparece escrito 'pin up' no balão, né? no meu caso não consigo acessar este local... deu pra entender? rsrsrs! é complicado demais! brigado de novo e desculpa minha ignorância!

Iara Alencar disse...

Fiquei sabendo que meu nome foi citado ne seu bauru !!!!
Olha, tipo, iara acha templates de ariane lindos, mas ela não faz nenhum minimalista, tudo de ariane é cheio de coluna, sidebar, widgets, eu não tenho para colocar numa sidebar;
:( :(

Eu gosto de template com uma imagem enormmmme no header e super colorido,por isso eu opto por nao ter widgets na coluna. Ok, bem amador mesmo. Ninguém faz lay assim :(

Tatiana disse...

Ariane,
Fiz o download e consegui mexer no que queria já que algumas dúvidas persistiam! Só que algumas pessoas veem o lay out direitinho e outras não. Você pode me ajudar, por favor?
http://coffeeandhistory.blogspot.com

Obrigada.
tatiana cavalcanti

tatiana cavalcanti disse...

Ariane.
Subi esse template no meu blog, fiz um comentário no formulário novo mas deu errado, não sei se você verá. Como eu não conseguia postar coisas diferentes nos links do mennu 2, exclui o menu 2 (entendo pouco de html) e fiz uma unica cara inicial pro blog. Algumas pessoas enxergam o layout direito. Outras não. Parece me ser um probema de resolução, não sei. Tem algo que eu possa fazer?

Obrigada
tatiana cavalcanti

Ariane disse...

Tatiana, isso aconteceu pq vc tirou o menu. Faz assim, em #main-wrapper e em #sidebar-wrapper mude margin-top para 300px;

Tatiana disse...

Ariane! Obrigada!!!
Já alterei! Me diz uma coisa, como ode um template ter botões e a gente pstar coisas diferentes nos botões? Pode isso? E como?

Mto orbigada!
beijos
tatiana

Tatiana disse...

Ariane,
Obrigada! Consegui resolver com o menu original.
Só que os botões ficaram muito grudados na barra cinza, sabe? Eu consigo descer isso um pouco para ficar centralizado como no seu demo? Obrigada novamente pela super paciência!

http://coffeeandhistory.blogspot.com
Tati Cavalcanti

Ricardo disse...

Ariane,
adorei esse template, mas gostaria de saber se tem como eu usar ele, sem o resumo dos posts.
que eles fiquem inteiros.
tem como?
parabéns pelo blog!
beijos

Marta Eunice disse...

esse era o que esperava.
Mas tenho o meu próprio banner que coincidentemente é com pin ups.
Sempre que coloco o baner o fundo com suas pin ups aparece...como eu tiro hein?

Adri Castro disse...

Lindoo amei, gostaria de saber como deixar meu blog mais bonito rss, tem uns efeitos q acho lindooo mas nao sei mexer, alguem poderia me ajudar ou me indicar que site tem esse tipo de ajuda? bjooo

yusako disse...

thanks for this template..i have already use this for a year.. :)

Bárbara Castilho disse...

Olá
Gostaria apenas de dizer que estou usando esse template seu, porém mudei a imagem, mas tabém não tirei os créditos (acho super injusto quem faz isso, pois dá um trabalhão!).
Enfim, parabéns pelo trabalho. Se quiser, passe no meu blog para dar uma olhada. Abraços

bisotisme.com disse...

the image is missing :)

bela disse...

Tudo bom, já tem um tempo que eu tento colocar esse templante no meu blog mas não consigo visualizar o codigo cml, qnd abro o arquivo no winRAR e clico em Templante Pin Up xml abre uma pag da internet em branco que fica carregando eternamente, e nao abre o codigo, oq devo fazer?

Anônimo disse...

Comigo está acontecendo a mesma coisa, quando clico para abrir o código xml vai direito para o internet explorer e fica uma eternidade carregando sem completar a operação. Não estou conseguindo fazer o dowload do template, o que pode estar errado?

Share With Irfan disse...

Gracias Ariane, your template looks beautiful I like it !!

Isa Colucci disse...

Olá, Ariane!
Arrazando como sempre, hein?!
Estou usando o seu template pin-ups em um blog fechado, mas ao utilizar o gadget para inserir links na barra lateral (na área onde aparece a busca) eles não ocupam todo o espaço (o título do gadgat aparece direito, mas os links aparecem com quebra de linha ocumando apenas metade da coluna). Me parece, olhando a imagem no seu post, que os links assumem o tamanho do grupo abaixo (Lorem Ipsum, na sua imagem).
Tem algum lugar onde esse tamanho esteja setado? Sabe como posso corrigir isso?

Isa Colucci disse...

Já consegui achar. Era o parâmetro "sidebar li" no CSS.

Ariane disse...

Isabela o código xml não deve ser aberto mas sim carregado diretamente para o blogger

JuJu Barros disse...

É só deletar o parâmetro width do sidebar li, aí ficar certinho. Pelo menos foi assim que eu fiz para resolver.

Ariane, tem uma coisa que eu não consegui resolver. Não consigo criar página utilizando esse template, e como eu já alterei bastante, não gostaria de trocar. Você tem alguma idéia do que possa ser?

A página de contatos, por exemplo, é um post que eu coloquei uma data bem antiga. Testei o template boa forma, acho que foi esse, que também usa o script do thumbnail, e lá deu certo.

Aline Ferreti disse...

Ariane,
Uso teu template há mais de um ano, quando ainda era no tinypic. Desde que perdemos a hospedagem a imagem que leva "postagens mais antigas" e "postagens mais recentes" permanece com aquele emblema do tiny pois simplesmente não acho no código onde substituí-la.

Por favor, me ajude, já mandei outras duas mensagens há alguns meses mas não tive resposta. :(

Me blog: www.vidadespa.com.br

Bjka!

Postar um comentário

Os comentários são moderados.