Syntax para Blogger

Olá e bem-vindo ao Mult-focos. Bem pessoal trazemos neste post três marcadores de syntax para Blogger, uma ferramenta muito útil para postar códigos.

Mais CSS clique AQUI

Como adicionar em seu blog

•  Copie o código CSS que está abaixo de cada modelo 
• Vá ao painel do Blogger->modelo->editar HTML->use Ctrl+F e localize:]]></b:skin>
• Acima desta tag cole o código que você copiou.

Próximo passo

•  Toda vez que for postar um código, no editor de postagem do Blogger na opção HTML cole o código abaixo e insira seu código onde está escrito Cole o código HTML Aqui

<pre class="code">Cole o código HTML Aqui</pre>

Bem agora vamos aos modelos.

Modelo I

.code{
font-family: Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #333333;
sdoverflow:auto;
width: 500px;
padding: 15px 0px 15px;
padding-left:42px;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.code, .code:before, .code:after
{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5wokMnz3UffL8R_jA9vFlG3Ax1tkgD9OqLisfJUvvSMouxZI-dpjEuZCTV2nwyw6e1rvkduY6DWqfctUS49xIbOd616Cein_tTdbnlAXy81azBNAkw5xUrnadqQUny-RbcoOAqvHH8gEZ/w986-h22-no/stacked-lined.png") repeat-y scroll 0 0 transparent;
border-radius: 5px 5px 0 0;
border: 1px solid #dcdcdc;
box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}

Modelo II

.code { background-color: #f3f3f3; color: #333333; overflow: auto; width: 500px; padding: 15px 5px 15px; border-left:10px solid #333333; }

Modelo III

.code { background-color: #f8f8f8; overflow: auto; width: 450px; padding: 20px; color:green; border:2px solid green; border-top-right-radius:100px; -moz-border-radius-topright:100px; -webkit-border-top-right-radius:100px; border-bottom-left-radius:100px; -moz-border-radius-bottomleft:100px; -webkit-border-bottom-left-radius:100px; box-shadow:1px 1px 4px green; -moz-box-box-shadow:1px 1px 4px green -web-kit-box-shadow:1px 1px 4px green; -goog-ms-box-shadow:1px 1px 4px green; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

Isto é tudo.

---

---