Instale a opção que permite ao visitante escolher quantos posts aparecerão por página em seu blog.
Muitas vezes navegando por páginas de vários sites e blogs na web, vemos uma quantidade imensa de posts na página inicial, às vezes até complicando muito de encontrar algo desejado. Isso se deve a opção de cada um em escolher a quantidade de posts que aparecerão por página a seu gosto. Mas uma coisa coisa que não pensamos é que nosso gosto não é o mesmo dos outros usuários.
Uma opção que pode ajudar a melhorar esse "desentendimento" apresentaremos para você agora. Esse código gera uma pequena caixa de opções a qual o visitante de seu blog pode escolher quantos posts ele deseja ver na página. Essa opção simples de instalar e configurar dá a liberdade de cada um ver a quantidade que desejar, veja a seguir como fazer.
Instalando o sistema em seu blog
>> Acesse seu Blogger e no menu lateral vá em "Layout".
>> Clique em "Adicionar um gadget" e escolha por "HTML/Javascript".
>> Dentro do conteúdo do gadget, cole o código a seguir:
<style type="text/css">
.select-box{
margin:0 2px;
padding:4px 6px;
border: 1px solid #F9780E; /*cor da borda*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: georgia; /*tipo da fonte*/
font-style: italic;
-webkit-box-shadow: 1px 1px 1px #dfdfdf; /*cor da sombra*/
-moz-box-shadow: 1px 1px 1px #dfdfdf; /*cor da sombra*/
box-shadow: 1px 1px 1px #dfdfdf; /*cor da sombra*/
font-size: 14px; /*tamanho da fonte*/
color: #666; /*cor do texto*/
max-width:auto;
}
</style>
<select class="select-box side" id="select1" name="select1" onchange="location = this.options[this.options.selectedIndex].value"> <option selected />Escolha agora quantos posts por página <option value="/search/label?max-results=2" />2 <option value="/search/label?max-results=5" />5 <option value="/search/label?max-results=10" />10 <option value="/search/label?max-results=15" />15 <option value="/search/label?max-results=20" />20 </select>
Personalizando:
* Altere os estilos css de acordo com os comentários feitos em AZUL.
* Altere caso desejar a mensagem em VERMELHO, para uma de sua preferência.
* Para acrescentar ou retirar opções de quantidade, adicione ou retire trechos como o abaixo trocando os números de acordo como desejar.
Exemplo: Para adicionar a opção 3 paginas, coloque o trecho abaixo logo após <option value="/search/label?max-results=2" />2
<option value="/search/label?max-results=3" />3
>> Clique em "Salvar", arraste o gadget para a área desejada e clique em "Salvar Organização".
>> Vá em seu blog e veja o resultado.
Deixe seu comentário, ele é a motivação para nosso trabalho.
Comentários