5 subtelnych stylów ramek na cytaty dla Bloggera

przez - lipca 20, 2015

Dla miłośników różnego rodzaju ozdobników stworzyłam dziś gotowe kody pięciu subtelnych ramek na cytaty, które można umieścić na swoim blogu na Bloggerze. Poniżej znajduje się instrukcja instalacji. Mam nadzieję, że z niej skorzystasz.

Umieszczanie stylu cytatu

Wejdź do menu Szablon => Edytuj kod HTML szablonu i tuż pod znacznikiem </head> wklej poniższy kod:
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Martel::latin,latin-ext' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>
Następnie nad znacznikiem ]]></b:skin> wklej tylko jeden z wybranych poniżej stylów cytatu:


Styl #1

blockquote {
padding: 30px;
margin: 10px;
background: url(http://4.bp.blogspot.com/-7C14dGrE9nQ/VayWBG4Ko9I/AAAAAAAAMqM/MFPAKXT9ECM/s1600/2015-05-24_19h36_06.png) repeat;
border: 7px double #ddd;
font-family: 'Martel', serif;
color: #000;
text-align: justify;
}


Styl #2

blockquote {
padding: 30px;
margin: 10px;
background: url(http://4.bp.blogspot.com/-F1_cw8mTakA/VayWBuIpHZI/AAAAAAAAMqY/MLIuCi74CuY/s1600/2015-05-24_19h43_45.png) repeat;
border: 7px double #ddd;
font-family: 'Martel', serif;
color: #000;
text-align: justify;
}


Styl #3

blockquote {
padding: 30px;
margin: 10px;
background: url(http://3.bp.blogspot.com/-8oMO2xFwt2I/VayWBhqasHI/AAAAAAAAMqc/Ys2GcKv059g/s1600/2015-05-25_19h08_10.png) repeat;
border: 7px double #ddd;
font-family: 'Martel', serif;
color: #000;
text-align: justify;
}


Styl #4

blockquote {
padding: 30px;
margin: 10px;
background: url(http://1.bp.blogspot.com/-sVzgdB3ZbKo/VayWBOeuYxI/AAAAAAAAMqU/yKaL3QbfCmE/s1600/2015-05-24_19h39_27.png) repeat;
border: 7px double #ddd;
font-family: 'Martel', serif;
color: #000;
text-align: justify;
}


Styl #5

blockquote {
padding: 30px;
margin: 10px;
background: url(http://1.bp.blogspot.com/-3xZL-pCOZ7I/VayWBJDH5rI/AAAAAAAAMqQ/SwNXq20fhJ8/s1600/2015-05-24_19h41_18.png) repeat;
border: 7px double #ddd;
font-family: 'Martel', serif;
color: #000;
text-align: justify;
}

Na koniec Zapisz szablon.

Umieszczanie cytatu

W edytorze posta zaznacz tekst, który ma znaleźć się w ramce i kliknij ikonę cudzysłowu.
Gotowe! Od tej pory możesz korzystać ze swoich ramek tak często, jak tylko chcesz!

Zobacz również

0 komentarzy