Stylify v2



Um novo template para Blogger chamado Stylify v2. O objetivo desse modelo é minimizar o uso de JavaScript e, em vez disso, usar o CSS para atender às necessidades de design. Tem um estilo simples e é ultra otimizado para o carregamento rápido (visto que você não adiciona 1000 widgets extras!). A folha de estilos do Blogger padrão foi removida para deixar o layout mais minimalista. A parte de SEO também é atendida com facilidade automática de descrição de meta. É um modelo sem complicações com ênfase em Velocidade e Estilo.

Stylify v2 é um modelo de blogger premium gratuito com cores simples e cinza, 2 colunas, design responsivo, barra lateral direita, cantos arredondados, minimalista, um design exclusivo para o Blogger, colunas de rodapé, ícones de bookmarking social, paginação, um padrão de fundo, suporte de posts relacionados, comentários bem definidos e aparência simples, cor clara com branco, vermelho, azul, cinza e imagem de padrão de fundo de qualidade.




Como Instalar o template Stylify v2 



Como configurar:

Este modelo tem muitas possibilidades de personalização. Agora vou explicar como configurar algumas características básicas deste modelo de acordo com seus requisitos.

1. Menu



O menu utilizado é o menu padrão do Blogger. Quando você instalar o modelo em seu blog, você verá um texto "Pages" escrito perto do Menu. Para removê-lo, vá para Layouts e clique no botão Editar do widget Pages. Agora, no campo do título, remova tudo e salve o sidget.

Nota Extra: quando você instalar o modelo, você também verá uma Data acima do título da publicação e também os botões de compartilhamento do Blogger padrão. Para removê-los, vá para Layouts e edite o widget Blog Post. Desmarque a opção do botão Data e Compartilhamento e salve.

2. Paginação

Para alterar o número de postagens a serem exibidas ao usar a paginação, procure o termo postperpage (Usando CTRL + F), haverá um script como esse:

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=3;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

Você pode alterar os valores do número como quiser no código acima.
var postperpage = 9; → Muda o número de postagens que aparecerão ao clicar em qualquer número de página.
var numshowpage = 3; → Muda o número de link para mostrar no widget.


Nota: Para manter o padrão de número de páginas certifique-se também de definir o valor do Número de postagens na Página Principal (Ir para Layout > Postagens do blog, clique na opção Editar, em seguida, Número de postagens na página principal:) para o mesmo que o valor de postperpage.

3. Borda da imagem


Há um recurso adicional presente para adicionar bordas em torno de sua imagem. Para adicioná-lo, basta adicionar class="thumb" na tag img, conforme mostrado abaixo:

<img class="thumb" src="image.png" />

4. Usando o botão CSS3


Para fazer um link em um botão, basta adicionar class="buttons button", como mostrado abaixo:

<a href="URL" class="buttons button" >Texto no botão<a/>

5. A área de biografia do autor


Em cada publicação, uma caixa do autor está presente com seu nome e um texto de descrição. Para alterar esse texto, vá para Editar HTML e marque a caixa Expandir Widget Preview. Depois pesquise por Autor Bio Box e mude o texto conforme seu desejo. Você também pode substituir a imagem do espaço reservado pela sua própria.

6. Configurar Marcadores


Para habilitar o estilo de Marcadores como ver na demonstração, vá para o Layout e clique no botão Editar do widget Categorias. Com certeza você marca Exibir como Cloud.


Comentários