É popularmente usado em sites ou blogs que suportam Java Script e HTML caixas para textos com barra de rolagem. É principalmente usado em códigos e com a participação da barra de rolagem deixa a página mais curta e deixa a leitura do visitante ou membro mais acessível e fácil ao seu site/blog.
Recomendação:
Para adicionar a caixa é necessário que você modifique o seu template (HTML). Antes de começar é recomendável que você faça um Backup de seu template
1. Instalando a caixa com barra de rolagem
Interface Antiga
- Entre em Design/Modelo;
- Clique em Editar HTML;
- Aperta na caixa Expandir Modelos Widgets
Interface Nova
- Clique na seta Mais Opções;
- Escolha a opção Modelo;
- Clique em Editar HTML;
- Aperte na caixa Expandir Modelos Widgets
Agora procure pela tag ]]></b:skin>. Agora cole acima o seguinte código:
boxcode{
overflow:auto; /* barra de rolagem*/
background:#XXXXXX url(ENDEREÇO-DA-IMAGEM) ; /* edite cor de fundo*/
border:1px solid #XXXXXX; /* edite cor e tipo de borda */
color:#XXXXXX; /* cor da fonte*/
font-size:80%; /* tamanho da fonte */
height:100px; /* edite a altura máxima da caixa*/
display:block;
white-space:pre;
text-align:left;
word-wrap:break-word;
padding:0 10px 5px 20px;
}
Caso você não queira adicionar imagem é só você excluir a parte:
url (ENDEREÇO-DA-IMAGEM)Caso você queira adicionar imagem você deve colocar o endereço da imagem (com http://) no local de ENDEREÇO-DA-IMAGEM.
Agora Salve e Pronto.
2. Aplicando a Caixa
Para aplicar é muito fácil, são fáceis as aplicações mais leia com cuidado para que der certo.Para adicionar a um post você deve clicar em Editar HTML e colocar desse método.
Que são: <boxcode> para iniciar e </boxcode> para fechar.
Aplicando:
Clique em Editar HTML e cole o seguinte código:
<boxcode>
SEU TEXTO/CÓDIGO
</boxcode>
Agora volte em Escrever e substitua SEU TEXTO/CÓDIGO por seu código/texto.
3. Resultado
Deve ficar deste jeito o resultado:
(Lincença [Direitos Autorais]
O Amotrix é composto principalmente sobre assuntos tecnologicos com tutoriais, noticias e dicas, e todos os artigos e textos são protegidos sob uma licença ©Copyright, ou seja, os artigos e textos do blog (também algumas imagens demonstrativas criadas pela a equipe Amotrix) não podem ser em hipótese alguma copiados, modificados ou plagiados.
É permitido fazer cópia parcial dos textos de tutorias mais sendo que sejam pedidos por contato somente por contato (ou seja, não serão aceitos pedidos por comentários, Twitter, Facebook, e outros métodos de comunicação além do contato) e mesmo que seja aprovada a autorização é obrigatoriamente que você cite a atribuição dos créditos, citando a fonte original, fazendo referência à autoria, com o redirecionamento para o link original onde se encontra o artigo citado como fonte de referência.
Dica: Sempre volte em Editar HTML e veja se o código está fechado com </boxcode>.