Esse é o primeiro template que disponibilizo no blog, o modelo Sweetener, é inspirado no novo álbum da cantora Ariana grande.
O template segue os padrões dos novo modelos do blogger, ou seja, é um modelo v.3 [1] personalizado. O grande diferencial nesse novo modelo de temas do blogger, é sem duvidas, a nova caixa de comentários que também pode ser personalizada.
Há também mudança nas tags condicionais e css, mas isso fica para quem já e avança do no assunto.
Características:
- Modelo 100% responsivo.
- Menu suspenso com sub-categorias.
- Ícones de redes sociais no menu suspenso.
- Área suspensa para categorias destacadas.
- Modelo de 2 colunas (post e sidebar).
- Resumo automático (primeira imagem + resumo do texto).
- Postagem em destaque.
- Emojis personalizados.
- Fancybox (visualizar imagens com zoom).
- Widget de posts relacionados.
- Widget de feed do instagram.
- Widget da sidebar: autor; redes sociais, post populares, caixa de pesquisa, inscreva-se por e-mail, categorias, mutual, arquivo.
- Página de categorias e pesquisa em formato de mosaico.
- Contador de likes nas postagens. Atualização: 23/07/2020
- Alterar a largura do modelo na opção Design de tema.
Requisitos:
- Imagens: As imagens usadas nas postagens devem ter pelo menos 700px de largura, ou mais, para melhor visualização. Certifique-se de selecionar a opção "Tamanho original". Em hipótese alguma use imagens menores ou gifs animados como primeiras imagens da postagem, caso contrario elas poderão parecer esticadas e deformadas.
- Widget de postagens relacionadas: É necessário o uso de marcadores nas suas postagens.
Importante:
- Não é permitido a revenda deste. Este modelo é apenas para uso pessoal.
- Cores, fontes, larguras e espaçamento podem ser alteradas na opção "Personalizar" no painel "Tema".
- Não remova os créditos no rodapé.
- Qualquer dúvida em relação é só deixar nos comentários.
- Leia a documentação para configurar seu template corretamente.
Documentação
Upload do arquivo .xml
Menu
Ícones das redes sociais
Área de categoria em destaque
Data e hora
Design de tema
Formulário de contato
Oi!
ResponderExcluirGostaria de saber se tem como colocar background em imagem no css.
Beijo
Oi, Miriã. Tem sim, ha duas opções para usar imagem no background.
A parte em negrito você substitui pela imagem da sua preferencia. 
ExcluirAbra o editor html do blog e aperte Crtl + f pesquise por $(body.background.color) vai ser a segunda opção, a que está presente no css.
Esse parte:
body{
background-color:$(body.background.color);
color:$(body.text.color);
font:$(body.text.font);
margin:0 auto
}
Para o background repetir por toda página. Substitua a linha:
background-color:$(body.background.color);
Por:
background:$(body.background.color) url(https://imgur.com/yoa2BjB.png);
http://imgur.com/gTFgRCw.png
Para o background ficar somente no topo da página "header". Substitua a linha indicada acima por:
background: $(body.background.color) url(https://imgur.com/oK5WyYl.png) top center; background-repeat: no-repeat;
http://imgur.com/g7tuoTU.png
Pronto. Espero que tenha entendido.
Oi, Thi
ExcluirMuito obrigada pela dica!
Ficou lindo, coloquei lá no blog.
http://www.suddenlythings.com/
Ficou muito bonito.
ExcluirOi, Thicoss
ResponderExcluirVoce pode me explicar como diminui as imagens do post? Todas elas estão muito grandes, não sei onde deixa menor.
Oi, Miriã. Grandes como, largas de mais ou a altura da imagem que ficou demasiada?
ExcluirTodas as imagens no post recebem uma chamada padrão pelo css, assim todas as imagens respeitarão suas dimensões originais. Traduzindo: a imagem manterá seu tamanho original e se for maior vai respeitar os limites da margem do post. Se sua imagem tiver uma altura superior que a largura ela vai ficar muito grande.
ex: Essa imagem tem a altura maior que a largura e dentro do post fica desproporcional.
:img:https://3.bp.blogspot.com/-nj6mbx50FPQ/W3zD9Snb2LI/AAAAAAAAOVA/t2tUueleidU7aKJezywhzmWFOs_XWofMgCLcBGAs/s400/tumblr_oqjdbyOoyV1tni416o1_1280.jpg:eimg:
Não sei se é esse o problema que lhe ocorreu, se não for fique a vontade para dar mais detalhes que eu tentarei ajudar.
Oi, Thicoss
ExcluirNa verdade foi porque quando instalei o template, todas as imagens ficaram grandes, certo? O problema é que eu posto imagem de capa de livro, no tamanho menor, então quando ela ficou grande, ela ocupou toda a área do post e ficou em uma resolução ruim. Por isso que eu queria saber se tem como mudar, porque o antigo template deixa todos do tamanho que quisermos alterar, tipo aquele 'muito grande', 'tamanho original', etc.
Ahhh, obrigado por avisar. É um conflito com o widget da imagem do perfil. obrigado por avisar.
ExcluirPara resolver rapidamente, pesquise por: .widget img
selecione isso:
.widget img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
apague e substitua por:
#Image1 img, #Image2 img, #Image3 img, #Image4 img, #Image5 img,
#Image6 img, #Image7 img, #Image8 img, #Image9 img, #Image10 img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
Deu certo, obrigada!
ExcluirOlá! Tudo bem??
ResponderExcluirInstalei esse lindo template no meu blog, mas hoje notei que os ícones da rede social na barra e abaixo da minha biografia sumiram. Não sei o que aconteceu. Pode me ajudar??
Oi, Patricia. Acho que você pode resolver da seguinte forma: Vá no mode do template (Layout), click em editar o widget onde está o código do botão que faz subir para o topo. Logo no incio apague a seguinte linha
Excluir< script type =" text/javascript " src =" //ajax. googleapis. com/ajax/ libs/jquery /1.3.2/jquery .min .js"> < / script >
Apague e salve.
Deu super certo! Muito obrigada mesmo!
ExcluirOnde está o link de download dessa maravilha?
ResponderExcluiromg eu preciso desse template urgente
ResponderExcluirOiê! Baixei o arquivo Rar e como não tenho o programa no meu computador, usei um descompactador online. Mas agora o arquivo não está funcionando. Seria possível disponibilizar em zip? Ajudaria muito!
ResponderExcluirTentei usar este template e quando subo ele no Blogger dá erro. Diz que o tema não pode ser restaurado. Alguma ideia do que pode ser? Outros templates funcionaram.
ResponderExcluir