Jak zmienić wygląd cytatów w Bloggerze??

Ciekawą opcją w pisaniu posta na bloggerze jest możliwość zamieszczania cytatów. Za ich pomocą mozemy w ciekawy sposób wyróżnić ważne dla nas zdania czy tak jak w moim przypadku fragmenty kodów. 

Szablon >> Edycja HTML
Wyszukujemy poprzez skrót Ctrl+F frazy  ]]> </ B: skin>
Wklejamy nad nią  kod który nas interesuje. 
Zapisujemy szablon.
 Zaznaczamy tekst który ma być cytatem i klikamy ikonę cudzysłowia, którą zaznaczyłam na żółto.
Cieszymy się efektem.

SZABLON CYTATU NR 1

blockquote {

font-size: 16px;

margin-bottom: 20px;

line-height: 1.65em;

font-weight: 300;

padding: 20px 20px 20px 50px;

color: #fff;

border-top: 5px solid #77818d;

background: #77818d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPBbfYByl-m32yyZECdCSBvinZKwQg8z9gNXXYiIFP53aC-BRCydRW3yy9fVXeDQjbEB7A0hV1viuuZGEGNCw8r_Y91UjIwxDO9NiWLgm0XpmxamitvBd6kSWDlP6L4SEBXewRMn47DgQ6/s16/icon_blockquote.png) no-repeat 20px 25px;

}

blockquote p {

margin: 0;

}

SZABLON CYTATU NR 2

blockquote {

margin-bottom: 20px;

line-height: 1.65em;

font-weight: 300;

padding: 20px 20px 20px 50px;

color: #fff;

border-top: 5px solid #77818d;

font-size: 16px;

margin-bottom: 20px;

line-height: 1.65em;

font-weight: 300;

padding: 20px 20px 20px 50px;

color: #fff;

border-top: 5px solid #77818d;

border-left: 5px solid #dfdfdf;

background: #f4f4f4;

color: #999999;

padding: 20px;

font-size: 17px;

font-style: italic;

line-height: 24px;

margin: 30px 60px;

}

blockquote p {

margin: 0;

}

SZABLON CYTATU NR 3

blockquote {background: #f5f5f5;font: 13px/20px;color: #444;border-left: 4px solid #fa5b0f;padding: 15px;font-family: Geneva, Tahoma, Verdana, sans-serif;}

SZABLON CYTATU NR 4

blockquote:before {
content: "";
font-family: FontAwesome;
margin-right: 4px;
}
blockquote {
background: #f4f4f4;
padding: 20px 25px;
margin: 25px 25px;
font-style: italic;
border-left: 4px solid #dfdfdf;
color: #555;
}
blockquote:after {
content: "";
font-family: FontAwesome;
margin-left: 3px;
}

SZABLON CYTATU NR 5

blockquote {

color:#FFF;

background: #7d7e7d; /* Old browsers */

background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

border: 1px solid #ccc;

border-radius: 6px;

box-shadow: 1px 1px 1px #ccc;

font-style: italic;

font-size: 20px;

padding:12px;

font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;

}

SZABLON CYTATU NR 6

blockquote {
padding:15px;
font-size:18px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizig9WSXMplIiqXGMU8-egzVbKk10yoC0RzS-UptbELamhFMWELwH_PD-lkausN1NZtc2eyimMTmXJkwgWaLh25EudtD_NBr8xeD9TGlVu8NccB9vZ1NfLEaKhSMHOtu4d8FWSf6ZEljQ/s1600/free-paper-texture-10.jpg');
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}