Jak dodać inicjał do postów na Bloggerze?

Wczoraj napisałem jak zainstalować chmurę tagów na blogach Blogger. Dziś kolejny hack, a dokładniej modyfikacja kodu pozwalająca na wyświetlanie inicjału rozpoczynającego wpis.

Hack o którym chcę napisać nie wymaga takiej ingerencji co chmura tagów.

1. Wejdź w Panel Nawigacyjny > Układ > Edytuj kod HTML

2. Wklej poniższy tekst tak jak jest to pokazane na obrazku. Zazwyczaj po *<b:skin><![CDATA[/ i po informacji o autorze szablonu czyli w miejscu gdzie określasz rozmiary czcionek i innych elementów bloga. Tak jak na obrazku poniżej kodu.

.initialcap{

float: left;

font-size: 40px;

line-height: 35px;

font-family: Georgia, "Times New Roman", Times, serif;

color: #2583ad;

padding-right: 5px;

}

[cytat]Przykład:

3. Teraz wystarczy dopasować krój czcionki oraz jej kolor i rozmiar.

Zmień font-family: Georgia, "Times New Roman", Times, serif; na czcionkę jakiej używasz na swoim blogu lub na taką, która po prostu będzie ładnie się wpasowywała w design.

Zmień kolor poprzez modyfikację color: #2583ad;. Ta strona pomoże Ci dopasować jej kolor.

Zmień rozmiar czcionki modyfikując font-size: 40px; a wysokość wierszy, które zajmie inicjał przez line-height: 35px;.

Dodatkowo możesz zmniejszyć bądź zwiększyć przerwę pomiędzy literami zmieniając wartość padding-right: 5px;

4. Zapisz szablon. Koniec modyfikacji.

Teraz kiedy będziesz pisał posta, musisz dodać kawałek kodu pomiędzy pierwszą literą.

1. Zrobisz to wchodząc w zakładkę Edytuj kod HTML w Zamieszczanie postów > Utwórz.

2. Teraz wklej <span class="initialcap"> na samym początku i </span> po pierwszej literze tak jak jest to pokazane na obrazku poniżej.

Końcowy efekt powinien wyglądać mniej więcej tak:

Pamiętaj, że przy zmianie szablonu, musisz ponownie dodać powyższy kod.

Źródło: Web Nudge