Edycja Szablonu Print Design i podobnych do niego.

Odpowiadam na pytania zadawane tylko w komentarzach pod wpisami!

 
Pokazywanie postów oznaczonych etykietą javascript. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą javascript. Pokaż wszystkie posty

niedziela, 29 kwietnia 2012

Jak dodać muzykę na bloga?

Wiele blogów o MovieStarPlanet posiada odtwarzacze muzyki na blogu. Niektóre grają od razu po wejściu, inne dopiero jak naciśniemy play, odtwarzane są piosenki według listy lub losowo.

Jak wstawić odtwarzacz muzyki z własną listą piosenek na bloga?

Dodatek nazywa się SCM Music Player i dostępny jest => na tej stronie.
Nie musimy się tam logować, to plus. Po wejściu na stronę na pierwszej karcie (Choose Skin) wybieramy kolor paska odtwarzacza.
Na kolejnej karcie (Edit Playlist) w wolne pola wklejamy linki do naszych piosenek np. z Youtube a po lewej stronie podajemy ich tytuły. Lista może mieć wiele utworów, spokojnie można tam dodać 10, 20, 50 piosenek. Na trzeciej karcie (Configure Settings) mamy ustawienia. Wybieramy tam umiejscowienie gadżetu (Placement of Player Bar) na górze(top) lub na dole(bottom), czy ma grać automatycznie po wejściu na stronę (Autostart) i czy piosenki mają być odtwarzane losowo (Shuffle Playback).

Wszystko gotowe? naciskamy "Done" i zostaniemy przeniesieni do podstrony z kodem gadżetu. Zaznaczamy wszystko co w ramce (ctrl+a) i kopiujemy na bloga (ctrl+c).

Gdzie wkleić kod odtwarzacza?

Są dwa sposoby:
1) przechodzimy do zakładki układ i w stopce klikamy na "dodaj gadżet". Z listy wybieramy HTML/JavaScript. Wklejamy nasz kod i zapisujemy zmiany a potem Zapisujemy rozmieszczenie.

2) Przechodzimy do zakładki Szablon -> Edytuj HTML -> Kontynuuj -> odszukujemy (ctrl+f) </body> i tuż nad nim wklejamy skopiowany dodatek. Zapisujemy zmiany.
W tym przypadku warto przed edycją kodu zrobić kopię zapasową naszego szablonu.

Biała strona po dodaniu muzyki scm player?

Jeżeli po zainstalowaniu widżetu nasz blog przestaje się ładować (nie widać zawartości), musimy nieco zmodyfikować kod skryptu lub ustawienia bloga. Odsyłam do wątku na forum => biała strona po wstawieniu muzyki na bloga  - z wyjaśnieniem tego problemu.

p.s. na stronie zaproponuj piosenkę możecie sugerować, które utwory mam dodać do listy na tym blogu a jakie Wam się nie podobają i powinienem skasować ;)

czwartek, 26 kwietnia 2012

Jak dodać dzielenie na strony?

Stronicowanie to bardzo fajna sprawa na blogach, które mają już dużo wpisów. Zamiast wciskać "starsze posty" lub "nowsze posty" możemy przeskoczyć sobie od razu do strony 4, 5 czy 10.

Jak wykonać paginację na blogu?
Najpierw przechodzimy do zakładki Ustawienia -> Posty i komentarze -> Posty-> Pokaż najwyżej -> i ustawiamy np. na 5. Zapisujemy ustawienia.
Przechodzimy do zakładki Szablon -> Edycja HTML -> kontynuuj -> zaznaczamy "rozszerz szablony widżetów". Następnie w nowej karcie przeglądarki otwieramy ten temat i postępujemy według instrukcji. Warto przed przystąpieniem do zmian zapisać sobie kopię zapasową szablonu.


Po wstawieniu JavaScriptu oraz CSS przycisków (można zapisać zmiany w tym miejscu na wszelki wypadek) możemy przystąpić do dopasowywania ich wyglądu do naszego szablonu (trzeba edytować krój czcionki, kolor tła przycisków przed i po najechaniu myszą - wszystkie zmiany dokonujemy w pierwszym kodzie). Po skończonej pracy pod postami pojawi się lista podstron - taka jak na moim blogu.

sobota, 21 kwietnia 2012

LinkWithin - po polsku

LinkWithin to fajny dodatek dzięki któremu możemy na końcu naszych postów wyświetlać inne, podobne wpisy z naszego bloga wraz z miniaturkami.
Obrazki pojawiają się jeżeli do naszych notek wklejamy zdjęcia i grafiki dodawane przez panel Bloggera. W innym przypadku wyświetlana jest tylko lista linków.

Gdzie można sobie wygenerować taki dodatek? Na tej stronie => LinkWithin. Przechodzimy na witrynę i wypełniamy formularz. Podajemy adres e-mail, adres naszego bloga, wybieramy ilość wpisów jaka ma być pokazywana oraz platformę, w naszym przypadku Blogger. Jeżeli nasz blog ma ciemne tło i jasne (np. białe) litery w notkach to dodatkowo zaznaczamy kwadracik na końcu. Następnie klikamy na "get widget!"
Na drugiej stronie klikamy na link "Install Widget" i umożliwiamy dodanie naszego gadżetu na wybranego bloga. Każdy blog musi mieć osobno wygenerowany gadżet.

Dodaliśmy sobie fajny dodatek, ale nad listą postów wyświetla nam się "You might also like" a my piszemy po polsku i chcemy polskie napisy na całym blogu. Jak to zmienić? Wystarczy dopisać jedną linijkę do skryptu - jaką? o tym przeczytacie w temacie na forum => LinkWithin po polsku.

Ps. Jeżeli masz problem z zainstalowaniem tego dodatku, to przeczytaj wątek na forum => LW - wymagane pole nie może być puste.

środa, 18 kwietnia 2012

Jak dodać czat na bloga?

Wiele blogów o MSP a także i ten posiada czat ze strony XAT.COM. Można się tam zarejestrować (ale nie trzeba) i wygenerować sobie kod czata. Nie jest to najtrudniejsza część, generator jest całkiem łatwy w obsłudze. Gorzej z wstawieniem tego na bloga.

Instrukcja dotyczy szablonu PrintDesign (czyli takiego jak na moim blogu) oraz jemu pokrewnych (np. Instinct, Elegant). Przyda się jednak osobom, które nie mają takiego szablonu, ale dowiedzą się jak przeszukiwać kod szablonu w poszukiwaniu interesującego nas fragmentu.

Oczywiście można wkleić wszystko w gadżet HTML/Javascript w zakładce Układ, ale w ten sposób skrypt czata pojawi nam się w dziwnych miejscach a my chcemy konkretnie:
a) tuż pod nagłówkiem bloga / nad poziomym menu
b) Tuż pod rozwijanym menu / nad wpisami

Pełną instrukcję (wraz z wskazanymi miejscami w kodzie) znajdziecie na forum - w tym temacie.

Jak rozszerzyć xat?
Podczas generowania kodu należy w polu width wpisać wartość szerokości szablonu na Waszym blogu. W PrintDesign standardowo jest to 960. Jeżeli zapomnieliście to zrobić na stronie xat to można edytować kod. Odszukajcie w jego treści wartości width i zmieńcie ją na własną.

Czy są jeszcze jakieś miejsca gdzie chcielibyście wkleić czat z XAT?

p.s. jeżeli nie chcecie tła (żeby było przezroczyste) to wejdźcie w 'ustawienia chat'a' (chat settings) a następnie 'więcej opcji' (more options) - zostaniecie przeniesieni na stronę ustawień. Wyszukajcie tam pozycji 'Transparent background (No background image)' i zaznaczcie ją. Poniżej można też zmienić język na Polski (przy 'Default language for chat box'). Następnie jedziemy w dół i szukamy przycisku 'Update these options' - wciskamy go i gotowe. Od tej pory chat będzie miał przezroczyste tło a opcje będą w języku polskim.