dicas blog
Home » , , , » Personaliza os Blockquotes para as postagens de códigos no blog e blogger

Personaliza os Blockquotes para as postagens de códigos no blog e blogger

1
Muitas   vezes  entre  nossas   postagens  queremos  colocar  códigos   HTML, CSS,  ou  mesmo  realçar  algo  alguma  parte  ou  palavra   entre   as  postagens.   de  uma   forma   bem  organizada  para  que  nossos  visitantes   tenham  uma   boa   impressão  de  nosso  trabalho  e  nossos  blogs.   de  uma  forma   bem  simples   e   bem  agradável  esse  pequeno  código  relaça   suas  postagens   organizando  as  coisas   e  destacando  códigos  ou  testos.  a  instalação  e   bem  simples   no  HTML  do  blog   se  você   gosta   da s  coisas  bem  organizadas  vai  gostar  desse  código,  siga  os  passos  do  tutorial   abaixo  e   instale  no   seu  blog.

  em  modelo  editar  HTML  Expandir modelos de widgets

Copie    o  código abaixo  e  cole  acima  de  ]]></b:skin>

 .post blockquote {
background : #ffffff url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5Jv9YD4I/AAAAAAAACPc/BJ-zgoLMJXw/s1600/comma-side-orange1.gif);
background-color: #F9F9F1;
background-repeat : repeat-y;
border : 2px dotted #f3f3f3;
margin : 0 20px;
padding : 20px 20px 10px 45px;
font-size : 14px;
font-family : Ubuntu Condensed;
}
.post blockquote p {
margin : 0;
padding-top : 10px;
}
 
Depões  salve  o  modelo  e  pronto   
 

Selecione  o  texto  primeiro  que  quer  usar  o  efeito, ou código  e  clique  em  citação
 
Dentro  da  caixa de  pastagem clique em  citação  como  na  imagem  abaixo
espero  ter   ajudado  duvidas é  só perguntar

1 comentários:

  1. Boas mano bom artigo. Mas tem uma duvida ae, se o có digo serve também para destacar uma pequena parte do texto todo da postagem ou apenas a parte que quisermos?. :D
    Obrigado..
    Qualquer questão email: janilson.py2@gmail.com

    ResponderExcluir