Comandos

Documento com alterações realizadas no blog:

🔗 Link no Google Docs: Aleterações no blog

1. Blockquote

Inserir citação dentro das tags <blockquote> text </blockquote>, produz o seguinte resultado:

Exemplo de blockquote

2. Texto destacado

Inserir texto dentro das tags <span class="enfase">texto destacado</span> produz o seguinte resultado:

Este é um exemplo de texto destacado no meu blog.

3. Caixa de códigos

Inserir dentro das tags <pre> Código </pre>, produz o seguinte resultado:

Exemplo de código:

pre {
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto;
    border: 2px solid #ccc;
}

4. Caixa para texto em destaque

Inserindo no html do post o código abaixo:

<div class="destacado">
 <b>Veja mais:</b>
  <ul style="text-align: left;">
 <li><a href="https://www.obaricentrodamente.com/2010/07/metodo-de-integracao-por-partes.html" target="_blank">Por partes</a><br /></li>
 <li><a href="https://www.obaricentrodamente.com/2019/05/o-metodo-tabular-para-resolver-integrais-por-partes.html" target="_blank">Tabular</a><br /></li>
 <li><a href="https://www.obaricentrodamente.com/2010/10/metodo-de-integracao-por-substituicao.html" target="_blank">Por substituição</a><br /></li>
  </ul>
</div>

produz o seguinte resultado:

Veja mais:

Ou este:

<div class="destacado">
🔗 Link do artigo:&nbsp;<a href="https://www.obaricentrodamente.com/2021/09/a-ordem-das-operacoes-em-expressoes-matematicas.html" target="_blank">A ordem das operações em expressões matemáticas</a>
 </div>

produz este resultado:

🔗 Link do artigo: A ordem das operações em expressões matemáticas

5. Botões de ação centralizados

Botão de download:

<center>
<a class="button orange" href=" url " target="_blank"><i class="fa fa-download"></i><code> download</code></a>
</center>

Produz o seguinte resultado:
download
Botão de link externo:

<center>
<a class="button blue" href=" url " target="_blank"><i class="fa fa-external-link"></i><code> link</code></a>
</center>

Produz o seguinte resultado:
link

6. Hiperlink nos comentários

Para inserir um hiperlink em um comentário de algum post, usar o código:

<a href=" url "> texto </a>

7. Referências e Veja Mais

Para inserir uma caixa destacada em Referências e em Veja Mais, utilizar o código abaixo:

<div class="referencias" aria-label="Referências">
    <h5>Referências:</h5>
        <ul>
        <li>Geometria Analítica - Fabiano José dos Santos & Silvimar Fábio Ferreira</li>
        </ul>
</div>

<div class="vejamais" aria-label="Veja mais">
    <h5>Veja mais:</h5>  
    <ul>
        <li><a href="https://www.obaricentrodamente.com/2012/08/a-historia-do-numero-zero.html" rel="noopener" target="_blank">A história do número zero</a></li>
        <li><a href="https://www.obaricentrodamente.com/2010/09/historia-do-simbolo-do-infinito.html" rel="noopener" target="_blank">A história do símbolo do infinito</a></li>
        <li><a href="https://www.obaricentrodamente.com/2012/03/panorama-da-historia-do-calculo.html" rel="noopener" target="_blank">Panorama da História do Cálculo</a></li>
    </ul>
</div>

O resultado fica assim:

Referências:

Geometria Analítica - Fabiano José dos Santos & Silvimar Fábio Ferreira