czwartek, 10 września 2009

Jak wyświetlić kody i skrypty w postach Bloggera

Chcesz pokazać niektóre części kodu w Twojej wiadomości dla czytelników?
Zwykle po wstawieniu kodu, przeważnie pojawia się dany wynik zamiast kodu.

Krok 1. Zaloguj się na konto Bloggera i przejdź do sekcji Układ. Następnie przejdź do Edycji kodu HTML.

Krok 2. Znajdźcie tag ]]></b:skin> w kodzie szablonu, a powyżej tej linii dodajcie kod CSS widoczny poniżej i zapiszcie szablon:


. codeview (
font-family: Arial, Helvetica, sans-serif;
color: # CC0000;
margin: 15px 35px 15px 15px;
padding: 10px;
clear: both;
list-style-type: none;
border-top: 2px solid # cccccc;
border-right: 2px solid # cccccc;
border-bottom: 2px solid # cccccc;
border-left: 2px solid # cccccc;
background-color: # FFFFFF;
)
. codeview li (
font-size: 13px;
line-height: 24px;
font-family: "Courier New", "MS Sans Serif", sans-serif, serif;
color: # 333333;
font-weight: normal;
margin: 0;
padding: 0;
)


Krok 3. Podczas tworzenia nowych postów po prostu dołączcie swoje specjalne kody i skrypty (kod CSS, skrypty, itp.) w ramach tej sekcji div.


<div class="codeview">
Tu wpisz swój specjalny kod lub skrypt
</div>


To wszystko. Jeśli macie problem z realizacją tego kodu, nie krępujcie się, aby opublikować komentarz, pomogę Wam :)




Spodobał Ci się ten artykuł?

Podłącz się do naszego kanału RSS , a najnowsze wpisy trafią wprost do Twojego komputera.


2 komentarze:

  1. Można też skorzystać z "pokazywarki" kodu: http://pokazkod.pl/ i dodać do posta wygenerowany kod iframe'a.
    PS. Trochę podchodzi pod reklamę, ale myślę że może być przydatne - a na razie użytkowników mało ;(

    OdpowiedzUsuń
  2. Niezłe rozwiązanie, dzięki :)

    OdpowiedzUsuń