Subscribe
Technorati
Delicious
Youtube
Heart

imageVi esse modelo  para site e  descobri que estava à disposição para free download. Não resisti em converte-lo para o Blogger. Ficou maravilhoso (sem modéstia nenhuma) não só pela funcionalidade, mas pela beleza do design minimalista. Cores neutras e espaço suficiente para não ofuscar a beleza das fotos.
A galeria Fancy JQuery apresenta um efeito lindo na ampliação das fotos além de funcionar como um slidshow fantástico. As fotos que aparecem ampliadas, podem ter o tamanho que você quiser. Muito bom!!!
Criei 7 páginas estáticas personalizadas para os links, nas quais não aparecem a galeria, nem a sidebar, dando assim um visual de site mesmo.
Veja o modelo DEMO .  Clic nas fotos para ver o efeito.


Disponibilizei dois arquivos para download.  O primeiro é o código para instalação direta e o segundo é a pasta zipada que inclui as imagens utilizadas no layout (exceto fotos) mais os scripts e imagens da galeria Fancy. Escolha o que quiser, mas eu aconselho a salvar a pasta zipada, hospedar as imagens eu seu próprio site de preferencia, assim como os scripts…Assim, se der algum problema, você já tem tudo organizado.
Propriedades:
Ícones para redes sociais no topo
Menu de navegação “Dropdown”
Galeria de fotos Fancy JQuery
Espaço para “Boas vindas” Editável na página “Layout”
Widget de Posts Relacionados no footer do post
Páginas Estáticas Personalizadas (7)
Footer editável na página “Layout”

Detalhes para instalação
Editar Menu:
No painel, clic em “layout” e depois em “Editar HTML”
Manter a caixa “Expandir modelos de widgets” DESMARCADA e procurar pelo trecho
<ul class=’dropdowns’><!—menu –>
Mude o endereço do link ( grifado em verde na imagem abaixo) e os nomes (se quiser) “Home”… “Gallery”, etc… (grifados em vermelho).
Detalhe importante:
Os links Retratos, Paisagens, Viagens, Arte e About me são dirigidos para as páginas estáticas.
Os links Cidades e Brasil são dirigidos a uma página de marcadores.
image
Esqueleto “Layout'’

image

 Editar as fotos da galeria
image
Clic no elemento indicado na imagem,  HTML/JavaScript e na caixa de edição que abrir repare no seguinte código:
<div id="gallery"><!-- gallery -->
<ul>
<li>

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAstcL1KhJXuyEx6x1U2r-S-RkhxZOpzrxOlmVuPnDIEsmOXM_BvO72TegWX1lJYdeCopmeSADIhCdZMU84B4LVpt3mhL1tkLUZGfdMhxht9oakDkAXSlA2FKER47Pis9vf8fYXSqO-w8/s320/v.jpg
" title="pic"  class="fancybox" rel="group"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzPXgJ8MmaQtcggZdJknBgXy948i76zHs6GYEMWeW183NdIyVkq7HfdfSv2P3XR5m2DbYkL4vuGOvNC3dGUSMP32caweSWRec3ZSbZO8aVvm7wlAD2d9e6ewkhp1p_jTjck45X-9bU6Ik/s320/tumb2.jpg" alt="demo" /></a>

</li>
Repare que entre as tags <li> e </li> estão os endereços das fotos hospedadas. O Primeiro endereço é da foto grande e o segundo, da foto pequena.
Esse trecho se repete oito vezes porque temos 8 fotos na galeria sendo que para cada quadradinho, usamos duas imagens, a grande e a pequena. Substitua todas as fotos.
Editar a mensagem de “Boas Vindas”
image
Clic em “Editar” como indicado na imagem e no box que abrir você verá o espaço determinado para o texto apropriado.
<div id="intro">
<p><span>Benvindo ao meu blog.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis risus ligula. Proin rhoncus felis at ipsum consequat eget commodo libero semper. Morbi sed purus arcu.</p>
</div>

Editar as colunas do footer
image
Clic em “Editar” e no box você verá os códigos e os espaço para editar os textos e links.
<div id="intro">
<p><span>Volte sempre.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis risus ligula. Proin rhoncus felis at ipsum consequat eget commodo libero semper. Morbi sed purus arcu.</p>
</div>
<div id="box_left">
<h3>Sobre o Blog</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent cursus dolor hendrerit lacus egestas sollicitudin. Nullam pharetra commodo sem, sit amet mattis metus vestibulum at. Suspendisse in tellus metus. Ut lobortis gravida magna, et mollis nisl luctus et. Ut quis neque eros</p>
<a href="http://demonovoestilo.blogspot.com/p/about-this-blog.html"><img src="images/more.png" class="more" width="68" height="24" alt="mais..." /></a>
</div>
<div id="box_right">
<h3>Trabalhos Recentes</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent cursus dolor hendrerit lacus egestas sollicitudin. Nullam pharetra commodo sem, sit amet mattis metus vestibulum at. Suspendisse in tellus metus. Ut lobortis gravida magna, et mollis nisl luctus et. Ut quis neque eros</p>
<a href="http://demonovoestilo.blogspot.com"><img src="images/more.png" class="more" width="68" height="24" alt="mais..." /></a>
</div>
<div id="box_middle">
<h3>Serviços</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent cursus dolor hendrerit lacus egestas sollicitudin. Nullam pharetra commodo sem, sit amet mattis metus vestibulum at. Suspendisse in tellus metus. Ut lobortis gravida magna, et mollis nisl luctus et. Ut quis neque eros</p>
<a href="http://demonovoestilo.blogspot.com/p/services.html"><img src="images/more.png" class="more" width="68" height="24" alt="mais..." /></a>
</div>

Repare que as colunas são direcionadas para páginas estáticas e para a principal, quando o leitor clicar em “mais…”. Aí você pode mudar o texto também para “Leia mais..” por exemplo.
Editar Páginas Estáticas:
image
Para editar as páginas estáticas, você deve clicar na aba “Postagens” e depois “Editar Páginas
Clicando na opção “Editar” (sobre a miniatura de página) vai abrir a caixa de postagens onde você poderá inserir imagens e textos apropriados. Depois clic em Visualizar e copie o endereço do Browser (navegador do seu computador) . Cole esse endereço nos links relacionados no menu e nas colunas do footer do template.
Ex 1: No menu
Galerias , Retratos, Cidades,  Brasil, Viagens, Arte,  About me
Ex2: No footer
Serviços, About this blog
Parece um pouco complicado, mas com atenção, paciência e muita vontade, você consegue instalar esse template lindo e ter um blog profissional, com cara de site.
Caso você queira que eu faça as instalações a adequações a sua necessidade, fale comigo pelo Formulário de Contato ou por email e a gente pode combinar. Claro que o serviço será cobrado.

Beijos da Mama

29 comentários

Cacau

O link não é válido.... O tema é lindo.

Mamanunes

Cacau!
Desculpe o transtorno. Foram feitas alterações nos códigos e o link para downloa já está disponivel!

Obrigada

Carol Soares

Olá !!! Amei este tema e gostaria de saber se tem como vc enviar o link pra mim pq o q eu baxei não deu certo . Obrigada. Bjs Carol.

MamaNunes

Olá Carol

Já foi devidamente corrigido.
Download XML
http://www.4shared.com/document/G3mxqwDG/ClassicStyle2010.html

Download psta zipada
http://www.4shared.com/account/file/rDWKWYqO/ClassicTemplate2010.html

Santiago Régis

muito bom \o/

Boutiquedabadu

Mama com muito custo eu consegui decifrar e chegar a colocar as fotos no alto porém elas não ficaram nada parecidas me ajuda please?meu email é bomorais@timbrasil.com.br se puder nos comunicamos por lá bjus e parabéns!ÓTIMO BLOG!

Getulio Francisco

MamaNunes, lindo este tema, e já estou usando. Você é 10. Parabéns!

Getulio Francisco

Babi, é complicado decifrar aqueles códigos das fotos, mas eu consegui. Se você quiser, eu posso te ajudar.

Mamanunes

Babi ,o Getúlio está certo, é relativamente complicado se voce não tem muita experiencia com códigos, mas com bastante atenção você consegue. Se quiser informações mais específicas, escreva por email.

beijo da Mama

Beth

lindo.........amei !!!

DOMINA YOUR OBSSESION

Olá Mamanunes.

Tema bonito, mas eu tenho um problema, fazer o upload do modelo e do gadget que contine a galeria não aparecem no blog e não sobre os elementos da página.

Se você pudesse me ajudar eu gostaria muito aprecio.

Que diz respeito

Sheslla Almeida

cara..nao consegui achar o primeiro trecho pra modificar . pode me ajudar? sheslla_20@hotmail.com agradeço.

yilly Hurtado

hola, cuando trato de crear la galeria la imagenes se carga en colunnas que debo hacer

fotografo1953

Me gusta muchisimo la Plantilla lo que pasa que no puedo centrar las fotos al recuadro.
Si tienes alguna solucción.....
Muchas GRACIAS POR ADELANTADO.
Saludos
Tomás (fotografo1953)

http://fotografo1953freelance-01.blogspot.com/

Alexandre Capellie

Lindooooooooo! Mas to todo enrolado. Vc diz pra eu mudar o endereço sublinhado de verde... por qual????? Desculpe , sou novo nisso... Acho que depois que resolver isso , consigo decifrar o resto rssss
Obrigado.

MamaNunes

Oi Alexandre!
Obrigada por usar um template Mamanunes.

O que está sublinhado em verde é o endereço do link para a página correspondente. Se você form em "Editar páginas" clique em Visualizar e copie o endereço que está no browser (navegador)em seguida vá em sua página "Editar HTML" e substitua.
Espero que tenha compreendido, mas caso tenha dificuldade, envie via formulário de contato ou email e a gente tenta resolver. Esse template é lindo mas exige um pouco de pacincia para instalar. Mas vale a pena!

Um abraço

Alexandre Capellie

Tbm é muito estranho, quando tentei editar a galeria, mensagem e sidebar... o gadget estava em branco????????
Desde já, obrigado
xandcapellie@yahoo.com.br

MamaNunes

Oi de novo Alexandre!
Você deve escrever a mensagem que quiser dentro do gadget, seguindo o exemplo que está no modelo, editar a galeria com suas imagens e colocar os gadegets que quiser na sidebar...

Alexandre Capellie

Obrigado mesmo!!! Vou tentar! É de admirar seu trabalho, parabéns! Alexandre Capoellie

Alexandre Capellie

Consegui naum!!! Puxa ,é muito complicado. Não apereceu 'visualizar' em postagens, editar paginas, então criei uma página e visualizei o blog, colei o enderço e o hmtl não salva. Dá erro.Preciso saber os valores caso precise te contratar, Obrigado.

Anônimo

Olá Mama!
Como posso tirar o "leia mais"???

Unknown

O Mama! Adorei o modelo, mas tenho tentado editar as fotos da galeria, sem sucesso. Achei que os meus links (de imagens no picasa não estava funcionando), aí reproduzi os saus, mas mesmo assim não funciona. As imagens não ficam alinhadas em quatro colunas.
Aqui está o link do (projeto de) blog http://lavienclose.blogspot.com/ . E o local das imagens que pretendo usar http://picasaweb.google.com.br/amandascharr/LaVieEnClose#

Agradeço se puder ajudar!
Um abraço

MamaNunes

Oi Amanda
A instalação desse modelo é um pouco mais difícil que os convencionais e por isso é preciso muito atenção, porque se mudar uma vírgula ou ponto, ele não funcionará.
Sugiro que refaça todo o procedimento atentando para o tamanho das imagens pequenas que deverá ser de 173×173 pixel

Boa sorte!

Claudia Cordeiro

olá. eu instalei o modelo mas o gadget com a galeria naum aparece.... desculpa... mas se vc pudesse me explicar....

Amanda MB

ola
adorei o modelo mas nao estou conseguindo baixar nenhum dos arquivos, o link esta com problemas.

:(

Horacio Ferrando

oi que tal Mamanunes, soy Horacio de Uruguay. Eu agradesco en primer lugar, eu hallo muito bon la plantilla qui estoy utilizando.
agora, meu problema es con el menu (dropdown) qui ten ( Home, Gallery, about me )
Eu quero modificar el tamanho de la font. no pude hallar en el HTLM
Muito obrigado

{Júlia}Domador

o link não tá funcionando e gostei tanto dessa template...

Anônimo

Olá ,bom dia
bjos no seu coração
obrigado por tudo que você tem me ensinado.
axé!!!

requinteconvites

No meu caso deu tudo certinho. Vejam em www.requinteconvites.com

Deixe seu cometário, opinião ou recado.
Eu retorno o mais breve possível.