samedi 6 septembre 2014

Comment insérer le code HTML, CSS ou JavaScripts dans les articles Blogger?

  • Allez dans Modèle puis cliquez sur Modifier le code HTML
  • Trouvez ]]></b:skin> à l'aide des touche (CTRL+F)
  • Au dessus de ce ]]></b:skin> collez ce code.
.post blockquote {
background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLD_xBFy9jitBupaxCfT1eZ4OCmwG3ClMc5ohb3AlwcMbrjkhXgm9ZzdvNE63rxwPtJVx8QUb1iOUHW5UcrRMsdCOUhOZzhjEfFi8iJ2lZ4PrkpvXlvL4FwPvOMxlwxQDPCKL6vF0R0T4/s1600/1.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}
  •  Voir l'aperçu puis enregistrer
Maintenant, pour mettre ça en pratique en aura besoin de l'outil Blogger Citation :
  • Cliquer sur créer un nouveau article 

 Cliquer sur Citation


Voilà c'est fini ;) 

VOUS POUVEZ HEBERGER CETTE IMAGE REPRESENTANT LE CODE CHEZ VOUS, POUR CA VOUS DEVEZ CHANGER L'ADRESSE DE L'IMAGE DANS LE CODE QUE J'AI DONNEZ LA DESSUS
.

Aucun commentaire:

Enregistrer un commentaire