Super TV Online: Texto

.

Texto

Olá queridos leitores do Quero Criar Blogger,hoje vamos aprender à como colocar uma blockquote,caixa para citação de códigos nos posts do blog

Para quem disponibiliza códigos em seus artigos é util a blockquote para a destacação dos códigos citados.

Eu achei o código da blockquote por coincidencia, em um template que estava fazendo testes.

Vamos ao tutorial:

1. Acesse o Painel do Blog -> http://www.blogger.com/home

Depois MODELO -> EDITAR HTML

Então Procure Por:

]]></b:skin>

2. E antes desta linha cole o seguinte codigo

.post blockquote {padding: 15px 50px 10px 50px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRknzpXDSgxjfXodEUxtNp5AJGkpOqn1-sLQa_kalHiLLFcf_IBdwqhYZIsuDfZ8wI-2lXl_5qbw8H96pefhDwA4JWNDfozBL0GVWkt2kyXrd7qHS-5N4QSmXAZ2ou7gG-_2Rr-7QtrFY/s0/quotation_marks.png) no-repeat left 10px; min-height:30px; color:#845424;font-style: italic;}.post blockquote p {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9-rUZ2SV0uohj8VqIZ8uICIDr5k6lAOBZOGOMT_7X83wemx0DTKYOu-zj9y-s-hzN23VbiKNmGMF4R4j5TgacjFCGc3M8y7krKDTOk9KOfCY8OjUnasUF9WcVy91zhqMMpYIRemQvsV8/s0/quotation_marks_close.png) no-repeat right bottom;}

O trecho em Laranja,significa a cor do texto,caso queira alterar .

Entre no site com a Tabela de Cores, Clicando Aqui

Logo após clique em SALVAR MODELO

Como Aplicar Nos Posts?

Selecione o trecho em que quer colocar a blockquote e depois clique em Quote

Curta Nossa Página - http://www.facebook.com/QueroCriarBlogger

Siga-nos no Twitter - http://www.twitter.com/QueroCriarB

Até o Próximo Artigo !!

[+] Clique Aqui para Comparar e ver a qualidade e informações no Buscapé!
[+] Veja os melhores e menores preços deste produto pelo Buscapé!
[+] Aproveite e descubra quanto você pode economizar pelo Buscapé!
[+] Compare entre os menores preços da internet pelo Buscapé!

Gostou? Então Copie esse Post para seu Blog:

<div class="post-body entry-content"><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-VmXoLancnR4/TyAILSBkIxI/AAAAAAAAAXU/QaFXBUWr7nI/s1600/Blockquote+principal.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_nzf7up="2" src="http://3.bp.blogspot.com/-VmXoLancnR4/TyAILSBkIxI/AAAAAAAAAXU/QaFXBUWr7nI/s1600/Blockquote+principal.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both;"><span style="font-family: "Trebuchet MS", sans-serif;"></span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">Olá queridos leitores do <a href="http://www.querocriarblogger.uni.me/" target="_blank"><span style="color: red;">Quero Criar Blogger</span></a>,hoje vamos aprender à como colocar uma blockquote,caixa para citação de códigos nos posts do blog</span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">Para quem disponibiliza códigos em seus artigos é util a blockquote para a destacação dos códigos citados.</span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">Eu achei o código da blockquote por coincidencia, em um template que estava fazendo testes.</span></div><div class="separator" style="clear: both;"></div><span style="font-family: Verdana, sans-serif;"></span><br />
<a href="" name="more"></a><span style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span style="font-family: Verdana, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both;"><b><span style="font-family: inherit; font-size: medium;">Vamos ao tutorial:</span></b></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;"><br />
</span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;"><b>1. </b></span><span style="font-family: Verdana, sans-serif;">Acesse o Painel do Blog</span><b style="font-family: Verdana, sans-serif;"><span style="color: #f1c232;"> -> </span></b><a href="http://www.blogger.com/home" style="font-family: Verdana, sans-serif;"><span style="color: red;">http://www.blogger.com/home</span></a></div><span style="font-family: Verdana, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">Depois MODELO <b><span style="color: #f1c232;">-></span></b> EDITAR HTML</span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">Então Procure Por: </span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;"><br />
</span></div><blockquote class="tr_bq"><span style="font-family: Verdana, sans-serif;">]]></b:skin></span></blockquote><br />
<blockquote class="tr_bq"><span style="font-family: Verdana, sans-serif;"><b>2.</b> E antes desta linha cole o seguinte codigo</span></blockquote><span style="font-family: Verdana, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;"><br />
</span></div><blockquote class="tr_bq"><span style="font-family: Verdana, sans-serif;">.post blockquote {padding: 15px 50px 10px 50px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRknzpXDSgxjfXodEUxtNp5AJGkpOqn1-sLQa_kalHiLLFcf_IBdwqhYZIsuDfZ8wI-2lXl_5qbw8H96pefhDwA4JWNDfozBL0GVWkt2kyXrd7qHS-5N4QSmXAZ2ou7gG-_2Rr-7QtrFY/s0/quotation_marks.png) no-repeat left 10px; min-height:30px; color:<span style="color: #e69138;">#845424</span>;font-style: italic;}.post blockquote p {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9-rUZ2SV0uohj8VqIZ8uICIDr5k6lAOBZOGOMT_7X83wemx0DTKYOu-zj9y-s-hzN23VbiKNmGMF4R4j5TgacjFCGc3M8y7krKDTOk9KOfCY8OjUnasUF9WcVy91zhqMMpYIRemQvsV8/s0/quotation_marks_close.png) no-repeat right bottom;}</span></blockquote><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">O trecho em Laranja,significa a cor do texto,caso queira alterar .</span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">Entre no site com a Tabela de Cores, <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm" target="_blank"><span style="color: red;">Clicando Aqui</span></a></span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;"><br />
<span style="color: red;"></span></span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;">Logo após clique em <span style="background-color: orange;"><span style="color: white;">SALVAR MODELO</span></span></span></div><div class="separator" style="clear: both;"><span style="font-family: Verdana, sans-serif;"><br />
</span></div><div class="separator" style="clear: both;"></div><ul><li><span style="font-family: Verdana, sans-serif;">Como Aplicar Nos Posts?</span></li>
</ul><span style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span style="font-family: Verdana, sans-serif;"><br />
</span><br />
<div><span style="font-family: Verdana, sans-serif;">Selecione o trecho em que quer colocar a blockquote e depois clique em Quote</span></div><div><span style="font-family: Verdana, sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-_GNCioLRcWk/TyAMnh1jUfI/AAAAAAAAAXc/Nr3gBq1BJNk/s1600/blockquote+posts.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" closure_uid_nzf7up="3" height="67" src="http://4.bp.blogspot.com/-_GNCioLRcWk/TyAMnh1jUfI/AAAAAAAAAXc/Nr3gBq1BJNk/s400/blockquote+posts.bmp" width="400" /></span></a></div><div><span style="font-family: Verdana, sans-serif;"><br />
</span></div><div><span style="font-family: Verdana, sans-serif;"><br />
</span></div><div><span style="font-family: Verdana, sans-serif;"><i>Curta Nossa Página - </i></span><a href="http://www.facebook.com/QueroCriarBlogger"><span style="font-family: Verdana, sans-serif;"><span style="color: red;">http://www.facebook.com/QueroCriarBlogger</span></span></a></div><div><span style="font-family: Verdana, sans-serif;"><br />
<span style="color: red;"></span></span></div><div><span style="font-family: Verdana, sans-serif;"><i>Siga-nos no Twitter - </i></span><a href="http://www.twitter.com/QueroCriarB"><span style="font-family: Verdana, sans-serif;"><span style="color: red;">http://www.twitter.com/QueroCriarB</span></span></a></div><div><span style="font-family: Verdana, sans-serif;"><br />
<span style="color: red;"></span></span></div><div><span style="font-family: Verdana, sans-serif;">Até o Próximo Artigo <b><i>!!</i></b></span></div><div><span style="font-family: "Trebuchet MS", sans-serif;"><br />
</span></div><br />
<div style="clear: both;"></div></div>

0 comentários

Postar um comentário

Postagem mais recente Postagem mais antiga