Edycja Szablonu Print Design i podobnych do niego.

Odpowiadam na pytania zadawane tylko w komentarzach pod wpisami!

 

Zobacz jak edytować ikony Facebook, Twitter itp.

Poradnik dotyczący przycisków społecznościowych z nagłówka szablonu Print Design.

Rozciąganie nagłówka na blogu

Instrukcja poszerzania nagłówka w szablonie Print Design a także innych elementów jak pole wpisów czy menu.

Temat powitalny

Przeczytaj o czym będzie ten blog.

Zadaj swoje pytanie

Przeczytaj o zasadach dodawania pytań na tym blogu.

Dodawanie chata z XAT.com

Zobacz jak w łatwy sposób wrzucić na swojego bloga czata popularnego na blogach o Movie Star Planet.

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ć ;)

sobota, 28 kwietnia 2012

Automatyczne publikowanie postów

Na Wordpress jest taka fajna opcja - można ustawić dokładną datę kiedy posty pojawią się na blogu. Blogger pod tym względem nie jest jednak gorszy i też ma takie narzędzie.
Jeżeli dodajemy na bloga sporo tekstów i chcemy rozłożyć je w czasie, ale nie spędzając przy tym całego dnia na ich publikowaniu możemy skorzystać z pewnej opcji.

Jak ustawić publikowane postów z datą przyszłą?

W nowym kokpicie opcja nazywa się Harmonogram i jest dostępna po prawej stronie podczas pisania notki.  Redagujemy nasz wpis, dodajemy zdjęcia a następnie przyciskamy na ten napis i zamiast "Automatycznie" zaznaczamy "Ustaw datę i godzinę". Poniżej wybieramy miesiąc, dzień oraz godzinę publikacji (AM = rano, PM = po południu).

Po naciśnięciu "Opublikuj" zostaniemy standardowo przeniesieni do działu z postami jednak przy naszej notce będzie widniał napis "Zaplanowane" i pojawi się ona na blogu dopiero we wskazanym czasie. 

Takich wpisów w kolejce możemy dodać wiele, opcja przyda się przed planowanym wyjazdem, kiedy nie będziemy mieli czasu w nadchodzących dniach lub z uwagi na brak dostępu do komputera (internetu). Będą się one publikowały automatycznie każdego dnia bez potrzeby logowania się do kokpitu :)


p.s. ten wpis został opublikowany właśnie w ten sposób ;)

piątek, 27 kwietnia 2012

Jak zmienić tło w szablonie?

W standardowym kodzie szablonu PrintDesign mamy szare tło z wzorkami - ustawione tak by pokazywało się tuż przy bokach boksu z zawartością bloga. Nie każdemu się to może podoba a jak edytował już kolory menu czy innych elementów w szablonie to warto dopasować sobie także tło.

Jak zmienić obrazek tła?
Należy przejść do Szablon -> Edycja HTML -> kontynuuj -> zaznaczamy "rozszerz szablony widżetów".
Odszukujemy takie coś:
<style type='text/css'>
tuż pod tym mamy taki kod:
body{background:#F4F4F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhryjCXzCLtBTYts-0pENSVs9Rvzt4uO7GQ7aM_iD-FBYAa3AJHcIGDnX0tCQIcUE5NhkAJ4emd_f-Kh_dRGRzOuqkgjHb188AtE2Jt9Qzkk5wMVR9J5DlWPK_k3_MRYnghta6d5vN9XnA/s1600/background.jpg) center top no-repeat;color:#535353;font-family: Arial, Verdana;font-size: 12px;margin:0px;padding:0px;}
 jest tam URL z grafiką: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhryjCXzCLtBTYts-0pENSVs9Rvzt4uO7GQ7aM_iD-FBYAa3AJHcIGDnX0tCQIcUE5NhkAJ4emd_f-Kh_dRGRzOuqkgjHb188AtE2Jt9Qzkk5wMVR9J5DlWPK_k3_MRYnghta6d5vN9XnA/s1600/background.jpg (1600x781 px) należy zamienić ją na własną. Wartość #f4f4f4 oznacza kolor szary poza obszarem grafiki (czyli jak ktoś ma rozdzielczość 1920 to po bokach widzi ten kolor.

Jak ustawić powtarzający się wzorek?
Ustawiamy odpowiedni URL obrazka a następnie z powyższego kodu kasujemy to:
no-repeat
Niepowtarzające się tło i wyśrodkowane?
Odpowiada za to fragment użyty w kodzie na górze, czyli:
center top no-repeat
Jak ustawić tylko kolor tła?
Jeżeli chcemy mieć tylko kolor, bez żadnych obrazków to cały fragment:
background:#F4F4F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhryjCXzCLtBTYts-0pENSVs9Rvzt4uO7GQ7aM_iD-FBYAa3AJHcIGDnX0tCQIcUE5NhkAJ4emd_f-Kh_dRGRzOuqkgjHb188AtE2Jt9Qzkk5wMVR9J5DlWPK_k3_MRYnghta6d5vN9XnA/s1600/background.jpg) center top no-repeat;
kasujemy a zamiast tego wklejamy to:
background-color: #eeeeee;
gdzie #eeeeee to wybrany przez nas kolor dla tła bloga.

Jak zrobić tło rozciągające się wraz z ekranem przeglądarki?
przeczytasz: tutaj.

Jak zrobić żeby tło było nieruchome a przesuwała się jedynie ramka bloga?
do znacznika body dopisujemy jeszcze jedną linię:
background-attachment: fixed;

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.

wtorek, 24 kwietnia 2012

Jak poszerzyć nagłówek bloga?

Blogi typu star-poli czy ananasowemsp mają duże nagłówki na całą szerokość bloga. Po wgraniu szablonu PrintDesign i ustawieniu nagłówka za pomocą gadżetu - dostępnego na podstronie Układ - niestety nie osiągamy takiego efektu. Dlaczego?

W standardowej opcji nagłówek tego szablonu składa się z dwóch kolumn, w jednej mamy tytuł lub logo a w drugiej opis bądź banner reklamowy. Nie przewidziano tam możliwości wstawienia wielkiej grafiki.

Jak zatem poszerzyć miejsce na nagłówek?

Trzeba dokonać kilku modyfikacji by zdjęcie dodane w gadżecie pojawiło się na całą szerokość bloga. Należy edytować parę marginesów, zmienić ustawione na sztywno wysokości boksów. Przejdź na forum i przeczytaj => ten temat.

Można też zrobić nagłówek zmieniający się po każdym odświeżeniu strony. Wystarczy przygotować parę obrazków do rotatora (najlepiej bez tła pod postaciami) a następnie udać się na forum i zastosować rozwiązania opisane w drugiej części powyższego tematu.

Instrukcja przewidziana jest dla szablonu Print Design, ale rozwiązań użytych w niej można próbować w pokrewnych skórkach. W przypadku zmiennego nagłówka rozwiązanie jest uniwersalne i da się wprowadzić wszędzie gdzie dostępna jest edycja kodu HTML.

sobota, 21 kwietnia 2012

PrintDesign - skąd pobrać i jak wgrać szablon na bloga?



Ten temat pasuje raczej na jeden z pierwszych wpisów, ale blog dopiero startuje, więc nie jest jeszcze za późno. Wpis przeznaczony jest dla osób, które chcą mieć taki szablon jak na tym blogu. Taki sam ma star-poli czy ananasowemsp.

Należy pamiętać, że szukamy szablonu na Blogger. Print Design dostępny jest także na platformę Wordpress, dlatego trzeba zwrócić uwagę czy paczka, którą pobieramy ze strony jest wersją naszego theme dla Blogspot.

Poniżej kilka linków do stron, gdzie można pobrać szablon PrintDesign:
http://www.premiumbloggertemplates.com/2011/10/printdesign-premium-blogger-template.html
http://btemplates.com/2011/blogger-template-printdesign/
http://www.templatebloggers.com/2011/11/printdesign.html

Podobny do nich jest np. Bynary (Binary Theme): http://btemplates.com/2012/blogger-template-bynary/demo/ tylko ma rotator na całą szerokość bloga. Drugi to Instinct: http://www.premiumbloggertemplates.com/2011/12/instinct-premium-blogger-template.html


Mamy szablon na dysku i co dalej? Jak wgrać go na bloga?
postępujemy według instrukcji na forum: Jak wgrać szablon na Blogger.

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.

wtorek, 17 kwietnia 2012

Krótki regulamin

Odwiedzających coraz więcej, pytań też zaczyna przybywać, więc żeby było mi przyjemniej odpowiadać na wasze problemy postanowiłem wprowadzić kilka prostych zasad. Znajdziecie je tutaj.
Nie wymagają zbyt wielkiego wysiłku od Was a będą dobrym sposobem na odwdzięczenie się za pomoc ;)

Odpowiedzi na Wasze pytania (po spełnieniu wymogów regulaminu) postaram się zamieszczać w ciągu 1-7 dni (w zależności od skomplikowania), zatem zaglądajcie na bloga, ale ponaglajcie co chwilkę a dopiero jak minie więcej niż tydzień i nie dostaniecie w tym czasie odpowiedzi ;)

środa, 11 kwietnia 2012

Jak edytować ikony społecznościowe na górze?

Szablon PrintDesign zawiera ikony społecznościowe wraz z linkami do tych serwisów. Można je uzupełnić swoimi profilami lub skasować. Tylko jak to zrobić?
Okazuje się, że nie jest to trudne. Wystarczy odszukać odpowiedni fragment w źródle szablonu i go skasować - wtedy pozbywamy się tego paska z ikonkami całkowicie. Druga opcja to zamiana adresów na własne lub skasowanie tylko niektórych elementów - tak jak w przypadku mojego bloga, gdzie zostawiłem sobie link do Facebooka, Twittera, Google Plus oraz RSS (czyli kanał z nowymi wpisami, polecam dodanie tego bloga do zakładek lub listy czytelniczej).

No dobra, ale jak odnaleźć ten kod?
Wszystko zostało pokazane w tym wątku na forum. Dwa kody dla obu wersji rozwiązania problemu. W razie pytań piszcie w komentarzach lub w temacie z linka.

Jak rozciągnąć tło nagłówka na blogu?

Odpowiedź na pytanie z komentarza.

Jak rozciągnąć tło pod nagłówkiem tak jak na star-poli oraz ananasowemsp?
To samo pytanie padło także na forum Blogowicza, odsyłam zatem do tego tematu (4 i 5 post).

Przy poszerzaniu bloga i jego elementów (menu boczne, ramka wpisów) w szablonie PrintDesign przydatny może być jeszcze ten wątek.

Jeżeli chcesz wstawić zdjęcie tak żeby było widoczne na całą szerokość nagłówka przeczytaj nowszy wpis na tym blogu => edycja nagłówka PrintDesign.

piątek, 6 kwietnia 2012

Witam.

Założyłem tego bloga z czystej ciekawości. Nie gram w MovieStarPlanet (jestem za stary na to), ale zauważyłem, że niektóre strony o MSP posiadają w zakładkach dział z instrukcjami. Zawarte są tam informacje o tym jak wykonać czat, zmienić nagłówek, uzupełnić rotator czy wgrać szablon na bloga. Na tym się trochę znam i myślę, że mogę pomóc Wam ulepszyć blogi o tej grze. Szczególnie, że od 6 lat prowadzę forum blogowe. Jak widać celowo ustawiłem najpopularniejszy szablon (PrintDesign) żeby pracować na nim i dokonywać potrzebnych zmian. Wszystkich odwiedzających tę stronę, których interesują instrukcje na bloga proszę o komentarze pod tym wpisem. Jakich instrukcji oczekujecie? Co sprawia Wam najwięcej problemów? Nie bójcie się zadawać pytań, prawie każdy problem da się rozwiązać ;)