Alguns códigos para usar nas postagens

Aqui vai alguns códigos HTML para deixar seus posts mais bonitos que boa parte foram retirados do #blogperfect Cherry Bomb espero que gostem e comentem, obviu pq eu amei

ATENÇÃO

Para esses códigos funcionarem nos posts, antes de colar eles, clique na aba "Editar HTML" no editor de posts do blogger.

 Dividir a postagem em duas colunas

Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo

Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo

<div style="float: left; width: 45%">Escreva aqui o Texto da Coluna da Esquerda</div>
<div style="float: right; width: 45%">Escreva aqui o Texto da Coluna da Direita</div>
<div style="clear: both"></div>

 Sombreado no texto

EXEMPLO DE SOMBRA 1 

<div style="color: #bf5bff; text-shadow: 3px 2px 2px #610b97">TEXTO AQUI</div>

EXEMPLO DE SOMBRA 2

<div style="text-shadow:3px 3px 4px #000;">TEXTO AQUI</div>

 Marca Texto Colorido

Marca texto rosa

<span style="background-color: #ff5fc1" class="Apple-style-span">TEXTO AQUI</span>

Marca Texto Verde

<span style="background-color: #5aee00" class="Apple-style-span">TEXTO AQUI</span>

Marca texto Verde Limão

<span style="background-color: #c6ff00" class="Apple-style-span">TEXTO AQUI</span>

Marca texto Azul

<span style="background-color: #00ccff" class="Apple-style-span">TEXTO AQUI</span>

Marca Texto Laranja

<span style="background-color: #ff9600" class="Apple-style-span">TEXTO AQUI</span>

Dica: Você pode alterar a cor do marca texto substutuindo o código da cor (#5aee)

 Texto Manuscrito

Exemplo de texto manuscrito

<font face="Lucida Handwriting">TEXTO AQUI</font>

 Alguns Backquotes muito lindos

Desse é só copiar o codigo HTML abaixo:

<center style="color: #bcafe0; font-family: 'trebuchet MS'; font-size: 13px; line-height: 16px;"><div style="background-attachment: initial; background-clip: initial; background-color: #f7e3ff; background-image: initial; background-origin: initial; border-bottom-color: rgb(210, 206, 224); border-bottom-style: double; border-bottom-width: 3px; border-left-color: rgb(210, 206, 224); border-left-style: double; border-left-width: 3px; border-right-color: rgb(210, 206, 224); border-right-style: double; border-right-width: 3px; border-top-color: rgb(210, 206, 224); border-top-style: double; border-top-width: 3px; color: #cc99ff; width: 300px;">


</div>
</center>
<div align="center">
</div>

Para este o codigo é o seguinte:

Código HTML:

<div class="separator" style="clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; text-align: right;">
<span class="Apple-style-span" style="color: magenta; font-size: large;"><b>
</b></span></div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(166, 143, 143); border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(166, 143, 143); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(166, 143, 143); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(166, 143, 143); border-top-style: dashed; border-top-width: 2px; color: #4c2933; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; padding-top: 2px;">

</blockquote>

<div class="separator" style="clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; text-align: right;">
<span class="Apple-style-span" style="color: magenta; font-size: large;"><b>
</b></span></div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(166, 143, 143); border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(166, 143, 143); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(166, 143, 143); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(166, 143, 143); border-top-style: dashed; border-top-width: 2px; color: #4c2933; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; padding-top: 2px;">


</blockquote>

O Código HTML deste backquote é o seguinte:

<div class="widget Text" id="Text2" style="background-color: white; margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<div class="widget-content" style="color: #4c4b4c; font-family: Georgia, 'Trebuchet MS', sans-serif; line-height: 14px;">
<div class="separator" style="clear: both; text-align: center;">


</div>
</div>
</div>
<div class="widget-content" style="background-color: white; color: #4c4b4c; font-family: Georgia, 'Trebuchet MS', sans-serif; font-size: 11px; line-height: 14px; text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="widget Text" id="Text4" style="margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<div class="widget-content">
<blockquote>
<blockquote class="tr_bq" style="background-color: white; border-bottom-color: rgb(255, 20, 147); border-bottom-style: double; border-bottom-width: 4px; border-left-color: rgb(255, 20, 147); border-left-style: double; border-left-width: 4px; border-right-color: rgb(255, 20, 147); border-right-style: double; border-right-width: 4px; border-top-color: rgb(255, 20, 147); border-top-style: double; border-top-width: 4px; margin-bottom: 1em; margin-left: 20px; margin-right: 20px; margin-top: 1em; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: justify;">
<div style="text-align: left;">
<div class="separator" style="clear: both; font-size: 16px; text-align: center;">


</div>
</div>
</blockquote>
</blockquote>
</div>
<div class="clear" style="clear: both;">
</div>
</div>
<div style="clear: both; color: #9fc5e8; font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;">
</div>
<div id="lws_0" style="color: #9fc5e8; font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;">
<div class="linkwithin_outer" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<div class="linkwithin_inner" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 358px;">
</div>
</div>
</div>
</div>
<div class="clear" style="background-color: white; clear: both; color: #4c4b4c; font-family: Georgia, 'Trebuchet MS', sans-serif; font-size: 11px; line-height: 14px; text-align: left;">
</div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Georgia, 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="font-size: 11px; line-height: 14px;">
</span></span></div>

O Código HTML deste Backquote é:

<div style="text-align: center;">


<div style="text-align: -webkit-auto;">


</div>
</div>
<div class="post-body entry-content" id="post-body-8330004861890118571" style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, sans-serif; line-height: 19px; position: relative; width: 605px;">
<blockquote style="background-attachment: initial; background-clip: initial; background-color: black; background-image: initial; background-origin: initial; border-left-color: rgb(192, 250, 65); border-left-style: solid; border-left-width: 5px; box-shadow: rgb(121, 121, 121) 1px -2px 5px; color: white; font-size: 14px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; margin-top: 10px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-shadow: rgb(63, 62, 62) 1px 1px 1px;">
<div align="center">


<div>


</div>
</div>
</blockquote>
</div>

Este backquote é:

<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: #c6e2ff; background-image: initial; background-origin: initial; background-repeat: repeat repeat; border-bottom-color: rgb(255, 255, 255); border-bottom-style: double; border-bottom-width: 4px; border-left-color: rgb(255, 255, 255); border-left-style: double; border-left-width: 4px; border-right-color: rgb(255, 255, 255); border-right-style: double; border-right-width: 4px; border-top-color: rgb(255, 255, 255); border-top-style: double; border-top-width: 4px; font-family: Tahoma; line-height: 1.2em; margin-bottom: 1em; margin-left: 20px; margin-right: 20px; margin-top: 1em; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left;">


</blockquote>
<div style="font-family: Tahoma; line-height: 25px; text-align: left;">


</div>