Reino Kawaii

 Olá e sejam bem-vindos sempre!!!!
Às vezes em uma postagem é interessante destacar um texto não é? Para isso, existe o Blockquote e o Fieldset, que podem ser personalizados.
Hoje vou mostrar para vcs uma das várias formas de se personalizar o blockquote e como fazer um fieldset e personalizá-lo.
Vamos lah!!!


Blockquote O blogger jah oferece isso. Basta ir em Criar uma nova postagem, selecionar o trecho do texto que deseja destacar e clicar no ícone como o destacado na imagem abaixo:
Ou então, na área de html da postagem, digite o texto que deseja dar ênfase entre <blockquote>TEXTO</blockquote>

Existem várias formas de personalizá-lo, como colocar um background, uma cor, mudar a fonte...uma das formas que mais gosto é essa que vou mostrar, em que a área de blockquote fica de um jeito legal e quando se passa o mouse sobre ele, muda para outro jeito legal rsrsrs...
Assim como nas imagens abaixo (clique para ampliar), sendo que a primeira é como aparece no post, e a segunda é como aparece no post quando o ponteiro do mouse está sobre ele.
Para isso, vá em Modelo, Editar HTML, procure por ]]></b:skin> e antes dele adicione o código abaixo:


Basta substituir no código algumas coisas como cores, estilos e tamanho das bordas (pontilhadas = dotted; linha = solid. Tamanho = 1px, 2px...e assim por diante, em border left, right, top, bottom), o endereço dos backgrounds ou cores de plano de fundo (substitua o local url e (URL DA IMAGEM) por #código da cor que desejar), entre outros. Os que modifiquei do código original estão destacados em vermelho.

Outra forma de destacar o texto é com Fieldset, que usando uma linguagem mais simples, é um blockquote com título (ou outros) acima rsrsrs...na verdade, é usado em formulários.
Basta adicioná-lo como gadget HTML (Layout, Adicionar Gadget, Html/JavaScript) ou no HTML da postagem. Fica assim:

Título

... ESCREVE ESCREVE ESCREVE ...

Ou assim:

... E se escreve aqui ...

O código é este mais simples:

<fieldset>
<legend>Título</legend>
... ESCREVE ESCREVE ESCREVE ...
</fieldset>

Você pode "brincar" um pouco com esse código também ^ ^ Pode adicioná-lo ao HTML de seu layout. Antes de ]]></b:skin>, coloque o seguinte código:

fieldset {/* É o quadradinho e conteúdo */
border:2px dotted #ff1493; /* Borda e estilo */
background:url(URL DA IMAGEM); /* Cor ou background */
color:#000; /* Cor do texto */
}
legend {/* É o título */
text-align:left; /* Pode ser right ou center também */
font-weight:bold; /* Estilo da fonte */
color:#61380B; /* Cor do título */
}

E aí na postagem, quando quiser usá-lo, adicione no HTML:

<fieldset>
<legend>Título</legend>
... ESCREVE ESCREVE ESCREVE ...
</fieldset>

Tudo já estará previamente definido e não precisa ficar alterando nada. Perceba que vc pode substituir o título por uma imagem.
Vale lembrar antes de tudo que antes de qualquer mudança no HTML do seu layout, faça uma cópia de segurança de todo o HTML e salve em seu computador, para evitar problemas caso não goste das alterações.