Template Gótico- Goth Red Black:
Este Template foi desenvolvido por mim.
Possui 3 colunas (sidebar a direita, sidebar a esquerda e coluna de postagens ao centro).
Designer nas cores Black e Red, combinando com o estilo Gótico.
Cores e fontes personalizáveis.
Compatível com qualquer navegador, nas versões recentes.
Estão incluidos no Template:
- Footer com 2 colunas;
- Hack de resumo de postagem automática
- Menu ;
- Páginas estáticas sem o hack Leia Mais
- Artigos Relacionados
- Blockquote Personalizado
- Avatar nos comentários
- Imagem personalizada para comentário Openid e anônimo
- Menu Suspenso para rolagem de página;
- Data em forma de calendário.
- Efeito opacity em imagens postadas no corpo de mensagens.
- Icones sociais no rodapé (não necessitam ser configurados);
- Link de Comentários Corrigido;
- Botões de Compartilhamento do Blogger ativado;
Se quiser obter mais informações sobre os recursos instalados, clique nos links e acesse os tutoriais.
Se preferir conhecer mais recursos , consulte nosso indice com a lista de todos os tutoriais já publicados:
Tutoriais para Blogger – Indice
Logo abaixo de Artigos Relacionados está instalado o recurso de botões sociais sexy bookmark no rodapé.
O problema é que as imagens estavam hospedadas no tinypic e o site retirou do ar, portanto as imagens sumiram. Quem já tiver usando este template terá que reinstalar o código do 1ºpasso do tutorial do recurso citado.(clique no link acima para ir até o artigo).
Estão incluidos na pasta de download:
- Arquivo XML.
- Leia-me
Caso não saiba como trocar de template, confira o Video Tutorial que ensina passo a passo Como Trocar o template no blogger e veja como proceder.
<------Instruções para editar Menu----->
Para adicionar links no menu:
Procure no html do blog por esta tag abaixo:
<div id='menu'>Você vai encontrar logo abaixo desta linha o seguinte código:
<li><a href='inserir link aqui' title='<b>Edit</b>'>Link 1</a></li>Cole o link do seu menu em “Inserir link aqui”.
Em ‘Edit’ Inclua o titulo que você dará ao seu menu, (que é aquela caixinha que aparece quando passamos o mouse em cima).
<------Alterar imagem do cabeçalho----->
Se quiser trocar o Banner do cabeçalho por uma imagem sua:
Procure por #header {
e substitua o endereço da imagem pela url da sua imagem no local indicado abaixo:
background:transparent url(ENDEREÇO DA SUA IMAGEM AQUI)no-repeat center;
Crie ou escolha a sua imagem, hospede-a no seu servidor preferido (eu recomendo o Picasa), copie o endereço desta imagem e substitua a url da imagem acima, pela url da sua imagem. A sua imagem deverá ter o tamanho de 1050×200.
Se quiser obter mais informações sobre Personalizar Header no blog, acesse o tutorial: Personalizando o cabeçalho do blog (Header).
<------Alterar imagem de fundo----->
Se quiser alterar a imagem de background, procure por:
http://1.bp.blogspot.com/_lz4W5aRri7U/Sslg80f60SI/AAAAAAAAALc/MWswJK-STPk/s1600/body.jpg
E faça o mesmo procedimento explicado acima.
Se quiser obter mais informações sobre mudar o background no blog, acesse o tutorial:
Modificando Plano de Fundo – Background.
<------Alterando as cores das fontes---->
Todas as cores das fontes do template podem ser alteradas. Aa alterações podem ser feitas através do painel do Blogger.
Basta entrar na aba “designer do modelo” e clique na opção “avançado“.
Os script do Hack de artigos relacionados e resumo de postagem automática já estão incluidos no próprio template.
Atenção:
■ Não ofereço qualquer tipo de suporte para editar, refazer ou modificar, a seu gosto, o template aqui disponível;■ Caso queira realizar modificações na estrutura, nas imagens do template ou instalar recursos, que não estejam descritos neste tutorial, pesquise como fazer.
■ Não ofereço qualquer tipo de suporte para modificações neste template, e não responderei a nenhuma pergunta relacionada a alterações, nem por comentários e nem por email.
■ Quaisquer modificações nos recursos instalados, é por sua conta e risco;
■ É indispensável que ao instalá-lo você leia atentamente as instruções e os termos de uso, e que respeite os direitos autorais da criação deste template.
■ É permitido modificação no template, você poderá alterar ou incluir recursos por sua conta própria, mas os créditos de autoria original devem ser sempre mantidos, em qualquer caso. Portanto o link do Mundo Blogger (ou Gothic Darkness) que fica no final do template, não pode ser retirado. Os créditos devem ser mantidos em forma de link,redirecionado á página do Mundo Blogger.
■ Caso haja muitas modificações, é permitido a inclusão de seu link ao lado dos créditos de autoria, por exemplo:
Template by Mundo Blogger (ou Gothic Darkness) | Modificado por: seu nome.
O usuário que remover os créditos de autoria do rodapé do template, estará cometendo CRIME DE PLÁGIO!
Mais informações sobre o assunto, leia estes artigos:
Dicas para não cometer plágio.
Aviso sobre os templates gratuitos.
■ Caso queira adquirir um template exclusivo, personalizado e desenvolvido exclusivamente para você, confira nossa tabela de Serviços, entre em contato e faça sua encomenda.
Artigos Relacionados
Vanessa
Vanessa é blogueira desde 2009, e 'aspirante' a web design nas horas vagas. Autodidata, viciada em internet, adoradora de blogs, seus códigos e templates, apaixonada por programas gráficos, tecnologia e web design,e fascinada pelo estilo gótico. Leia Mais sobre a autora »
É que o tinypic retirou as imagens do ar.
Se quiser corrigir, procure por:
#header-wrapper
Retire ou substitua a imagem que está na linha:
background: url(http://i25.tinypic.com/abj9ex.png)
Mas tipo, eu coloquei só que ficou um anúncio do Twitpic at´ras ):
Como faço pra tirar ?
Releia o tutorial. A informação que vc quer já consta no item sobre "mudar a imagem do cabeçalho".
Muito agradecida pelas dicas e pela atenção !
Beijo
Até…
Sugiro que vc baixe alguns icones de redes sociais e faça a substituição dos endereços das imagens.
O trecho referente a este gadget é:
div class='rsociais
procure por este trecho e substitua todos os icones.
Se quiser, dá uma olhada nos posts que disponibilizamos alguns icones sociais que consta no marcador: "Icones".
http://www.mundoblogger.com.br/search/label/Icones
Já que gostei muito daqui, resolvi passar e conhecer os outros templates e notei erros com as imagens (hospedagem) neste template também, se puder arrumar, ficaria muito agradecida.
Até breve…
Tb concordo com o conselho do "Martieloz", mas como ele mesmo citou, é só um conselho, o blog é seu e vc faz le como achar melhor, é claro.
@"Martieloz":
É, vou preparar um tutorial explicando isso, muitas pessoas já me perguntaram a respeito. Aguarde que logo terá publicação sobre o assunto.
o recomendável seria fazer por cada post mesmo,, pq se nao seu blog vai abrir 1000000000 paginas,, isso espantaria varios leitores,, mas é só uma dica,, o blog é seu faça oque quizer,,,
Agora Clau: por favor tem como voce me ensinar a tirar o hack "Leia Mais"???
Vo aguarda resposta.. =D
1º Onde aumento o numero de caracteres e imagens das postagens.
2º Onde eu acho a tag que tem o icone pra continuar lendo a postagem.
3º Se você souber poderia passar o codigo que se coloca depois do head que tudo que vc clicar abre em outra aba. Para evitar de ficar colocando o codigo em tudo que precisar.
Desde já agradeço.
@B.SAJERMANN:
Dêem uma lida neste post:
http://www.mundodarkness.com/2010/02/paginacao-no-blogger-e-problemas-com.html
Eu gostaria de saber se tem como eu arrumar isso, fazer aparecer bastante, ou sei la, uns 20….
Por favor, mais uma vez parabens pelo site.
Eu ja tenho este template há 4 meses,e agora aconteceu-me uma coisa que nao consigo resolver,por isso venho lhe pedir ajuda.
Só mostra 6 mensagens na pagina inicial,anteriormente mostrava 30,ja fui as definiçoes coloquei 30 novamente,mas nao percebo porque continuam as 6.
Será que tenho de editar hotmail?
Desde ja agradeço.
comprimentos
Morcego
Postagem atualizada com o js disponivel para cópia:
http://www.mundodarkness.com/2009/08/postagem-resumida-na-pagina-inicial_12.html.
Dá uma lida na parte final do post.
Boa sorte!
É que infelizmente, arquivos js hospedados no Google Sites NÃO funcionam em blog com domínio próprio.
Você terá que fazer download do arquivo e hospedá-lo no DropBox ou colar o código diretamente no seu html do template, para que ele funcione corretamente.
Caso vc opte por colar o código na íntegra no seu html, cole-o ANTES de </head>.
P.S: Eu vou ver se disponibilizo o código em forma de texto para ser copiado e atualizo o post.
É claro que tem o arquivo XML sim.
Em todos os templates que disponibilizo, estão incluidos na pasta de download:
- Arquivo XML.
- Imagens utilizadas no template.
- arquivos javascript usados.
.::Clau::.
Só gostaria de comentar um detalhe que não vejo como defeito é apenas uma observação. No Brasil a grande maioria dos internautas usam monitores de 15”, 17” ou no máx alguns mais felizardos um lcd 18”, e se eu não to enganado li em algum lugar que 62% desses usam a configuração de vídeo em 1024x. Bom nesse caso me sinto feliz, pois uso um AOC de 22” em 1440x xD.
Instalei esse belo template no meu blog fiquei tão empolgado, pois graças a nossa amiga que fez esse excelente trabalho ficou uma maravilha, mas tive um taxa de rejeição gigantesca e não sabia o porquê, até que um membro me disse que o blog tava gigante e eu não consegui entender muito bem. Dei uma analisada no assunto e utilizei uma ferramenta muito boa que é o browsershots que tira vários screens da sua home e ai vai até uma dica pra quem tem sites/blogs etc… E quer ver como eles ficam em outros navegadores, na verdade em dezenas de navegadores, pois ele testa navegadores antigos tbm com ex: IE 5.0, FF 1.0 e cia.
Mudei a minha resolução pra 1024x e com ajuda do browsershots percebi que os usuários do meu blog fazem parte desses 60 e tantos % que usam resolução em 1024x ou inferiores, pois eu não perceberia nada aqui em casa tava, pois estava tudo fantástico.
Ai pensei, – vou me aventura e editar a largura pra 750x ou 800x, ai quando olhei e vi escrito Strict e a quantidade de variáveis resolvi desistir até pq sou leigo nesse assunto sou mais um corujão mesmo xD só pensei assim… A pessoa que domina esse tipo de conhecimento deve ser no mínimo um ET…nossa que capacidade! xD…Parabéns .::Clau::. pelo excelente trabalho.
http://hiddenpleasures-morcego.blogspot.com/
TA PERFEITO O TEMPLATE, MAIS TIPO O CAMPO BUSCAR TA MEUI QUE DESCORDENADO, O BOTÃO BUSCAR TA EMBAIXO DO CAMPO E TALZ. E TENHO OTRA PERGUNTA.
COMO QUE EU ATIVO O NAVBAR?
MAIS UMA VEZ OBRIGADO E PARABENS.
QUALQUER COISA EU LE FALO. MAIS UMA VEZ PARABENS!!
Já fiz todas as correções no template, agora o campo de busca funciona perfeitamente, e a visualização no IE tb está normal.
Aproveitei e instalei o recurso de avatar nos comentarios tb…obrigada por ter me alertado sobre os problemas q estavam ocorrendo neste template.
.::Clau::.
E OBRIGADO POR RESPONDER.
ABRÇ
Infelizmente o blogger e o IE não são muito parceiros, pois nenhum blog tem boa visualização pelo IE, a maioria dos recursos só funcionam em outros navegadores, só não me pergunte pq essa incompatibilidade entre o Blogger e o IE…
Qto ao template: Estranho, qdo eu fiz esse template testei ele em todos os navegadores e estava tudo certo. Não sei o q aconteceu.Eu olhei o seu blog pelo IE tb e vi q realmente algumas imagens não estão aparecendo. Vou fazer uns ajustes neste template e posta-lo novamente pra downloads com os devidos ajustes e te aviso.
Sobre o campo de busca vc configurou o seu link de acordo com o tutorial acima postado?
ABRÇ E MAIS UMA VEZ PARABENS!!!