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.
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.
- Wejdź w Panel Nawigacyjny > Układ > Edytuj kod HTML
- 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:
- 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;
- Zapisz szablon. Koniec modyfikacji.
Teraz kiedy będziesz pisał posta, musisz dodać kawałek kodu pomiędzy pierwszą literą.
- Zrobisz to wchodząc w zakładkę Edytuj kod HTML w Zamieszczanie postów > Utwórz.
- 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
