Zimowe dodatki na bloga: śnieg, kursory

 

Wiele osób dziś się pytało, w jaki sposób wstawić śnieg na bloga  . Myślę, że przyda Wam się ta instrukcja i na Waszym blogu nastanie zimowa atmosfera  .

UWAGA! EFEKT ŚNIEGU NIE DZIAŁA NA WSZYSTKICH BLOGACH! 

Niestety nie wiem czym to jest spowodowane, jak uda mi się dowiedzieć, przekażę Wam.

Możesz wygenerować kod śniegu samemu tutaj (KLIK!)
No chyba, że wolisz użyć któregoś przez nas już Wam podanego:)

 

 

Delikatny śnieg (kliknij na obrazek, żeby zobaczyć podgląd)
KLIKNIJ TUTAJ, BY ZOBACZYĆ KOD

 

 

Konkretny śnieg (kliknij na obrazek, żeby zobaczyć podgląd)
KLIKNIJ TUTAJ, BY ZOBACZYĆ KOD

 

Kursor śniegowy (animowany tylko w przeglądarce Internet Explorer)
KLIKNIJ TUTAJ, BY ZOBACZYĆ KOD

  

Kursor płatek śniegu

KLIKNIJ TUTAJ, BY ZOBACZYĆ KOD

Kursor bałwanek (animowany tylko w przeglądarce Internet Explorer)
KLIKNIJ TUTAJ, BY ZOBACZYĆ KOD

1. Kopiujemy jeden z wyżej podanych kodów

2. Wchodzimy w Projekt -> Elementy Strony (KLIK!)

3. Wybieramy Dodaj gadżet -> HTML/JavaScript (KLIK!)

4. Wklejamy kod i klikamy Zapisz (KLIK!) Powodzenia:)

Muzyka na blogu - propozycje!

 

EDIT:

Jest muzyka! Piosenek jest dość sporo, bo kilkadziesiąt, niedługo może dobijemy setki  . Starałam się wybrać piosenki niezbyt odbiegające od tzw. mainstreamu, żeby nikt nie doznał szoku słuchając muzyki.

Swoje propozycje możecie wciąż dodawać, będziemy je brać pod uwagę:).

I dzięki niektórym za ambitne propozycje, ale takich nie będziemy umieszczać na blogu, bo sporej grupie raczej nie przypadną niestety do gustu  .

 

  

 

Ostatnio coraz więcej osób prosi o muzykę na blogu. Nie chcemy jednak narzucać Wam swojego gustu, bo wiemy że z tym bywa różnie i co dla jednego jest piosenką życia, dla innego może się wydać kompletnym badziewiem  .

 

Dlatego też prosimy w komentarzach o podawanie konkretnych piosenek, jakie chcielibyście, by trafiły na bloga, np. Katy Perry – E.T. (sorry, że tak się jej uczepiłam, ale to taki sztandarowy przykład:). 

Część wybierzemy i dodamy do odtwarzacza, który nie będzie uruchamiał się automatycznie, a po Waszym włączeniu  .
Dodam jeszcze, że napisanie propozycji nie gwarantuje, że piosenka pojawi się na blogu  . Chcemy się zorientować, czego słuchacie!

Uwaga! Wasz komentarz nie wyskoczy od razu, a po zatwierdzeniu, więc nie stresujcie się, że "się nie dodał" i nie piszcie ich 20 pod rząd:)

Muzyka na blogu (dwa różne odtwarzacze)

 

1. SCM Music Player
Jest to odtwarzacz, który pojawia się u dołu, bądź góry strony (wąski pasek) 
Aby zobaczyć przykład, wejdźcie pod ten adres (KLIK!)

1. Wchodzicie pod ten adres (KLIK!) i wybieracie kolor odtwarzacza, jaki chcielibyście mieć na blogu. Następnie wybieracie Edit Playlist, aby dodać piosenki.

2. Piosenki dodajecie z youtube, więc wchodzicie na tę stronę i wyszukujecie tych, które Wam odpowiadają i kopiujecie ich adres.

3. Następnie wklejacie adres piosenki w kolumnie Song URL, z kolei w Song Title wpisujecie nazwę piosenki jaka chcecie, żeby się wyświetlała. Jeśli piosenek, które chcecie dodać jest więcej niż miejsc na liście, wybieracie Add more songs (dodaj więcej piosenek). Gdy skończycie, wybieracie Configure Settings.

 

4. Wybieracie odpowiednie dla Was ustawienia. Zaznaczone przeze mnie na obrazku są zalecane 

autostart - czy piosenki mają się się automatycznie odtwarzać (yes), czy dopiero po naciśnięciu przycisku play

shuffle playback - tasowanie piosenek; po zaznaczeniu opcji yes , będą leciały one losowo, bez znaczenia na kolejność dodania do playlisty

default volume - głośność początkowa

placement of the player - bottom dół strony; top góra strony

Jak skończymy, wybieramy Done 

 

5. Kopiujemy kod HTML, który wkleimy na bloga.

 

6. Wchodzimy na blogspota i w zakładkę Projekt -> Elementy strony

 

7. Wybieramy Dodaj gadżet i wyszukujemy HTML/JavaScript

 

8. Wklejamy wcześniej skopiowany kod i klikamy Zapisz.

 

 

I gotowe! Gratulacje 

 

JEŚLI CHCESZ EDYTOWAĆ ISTNIEJĄCĄ PLAYLISTĘ…

1. Wchodzisz na http://scmplayer.net/ i naciskasz na Import Profile

 

 

2. Na blogspot.com przechodzisz do układu blogu i szukasz gadżetu z kodem HTML odtwarzacza. Kopiujesz kod, zaczynając od i kończąc na 

 

 

>3. Wracamy na scmplayer.net, wklejamy kod i klikamy OK.  W ten sposób zaczynamy edycję istniejącego już odtwarzacza!

 

 

2. MIXpod

1. Wchodzimy na tę stronę (KLIK!)
2. Wpisujemy w wyszukiwarkę nazwy piosenek, jakie chcemy dodać i klikamy na Search. Jak się wyświetli lista, klikamy na plus na prawo od nazwy, aby dodać utwór do playlisty. Zalecam je jednak wcześniej przesłuchać (klikając na ten trójkąt na lewo od plusa). Następnie klikamy na górze na Customize.

 

3. Wybieramy skórkę i kolor, jaki nam odpowiada, następnie przechodzimy do Settings (ustawienia).

 

 

 

4. W ustawieniach, wybieramy odpowiednie dla nas opcje (na obrazku opisane, co oznacza co  . Po wybraniu przechodzimy wSave Playlist

 

5. Wpisujemy nazwę (obowiązkowe) i opis (nieobowiązkowe) playlisty. Zaznaczamy typy muzyki i dodajemy tagi (np. "MSP, moviestarplanet, blog, lady gaga…"). Jak skoczymy, klikamy SAVE (get code)

6. Wpisujemy swoje dane. MOGĄ BYĆ FAŁSZYWE! 

7. Teraz wystarczy, że naciśniemy na kod i następnie na Copy :)

Teraz powtarzamy kroki z instrukcji powyżej (6-8). I gotowe!
Brawo 

Nagłówek z przezroczystym tłem: jak zrobić go i dodać na bloga?

 

W tej notce dowiecie się jak:

1. Stworzyć własny nagłówek

2. Zrobić tło nagłówka przezroczystym
3. Wstawić nagłówek na bloga

Zaczynamy od stworzenia nagłówka, wstawienia postaci, itp. Szczerze polecam do tego Artbooki na MSP, są łatwiejsze w obsłudze niż programy graficzne, a nagłówki mogą wyjść równie fajne!

 

Jeśli chcecie mieć przezroczyste tło nagłówka: róbcie artbooka na białym tle. Jeżeli nie, wybierzcie dowolną tapetę w artbooku, taką jaka Wam pasuje. Aby zmienić kolor i czcionkę tekstu, klikacie dwa razy na napis (uwaga! tekst możecie też zawsze dodać w programie graficznym, ale o tym później:)

 

Jak już skończycie, robicie screena nagłówka. Ja zrobiłam dość wąski nagłówek, żeby nie rozciągał notki, ale z doświadczenia Wam powiem, że lepiej wygląda na blogu szerszy 

 

ZOBACZ TEŻ: Jak zrobić screena? (KLIK!)

Oto obrazek, który stworzyłam w 3 min, i na którym będziemy teraz pracować 

 

Aby usunąć tło (to nie jest konieczne, ale ładnie wygląda), otwieramy program GIMP

GIMPa za darmo i bezpiecznie ściągniesz stąd (KLIK!)

Następnie wybieramy Plik -> Wczytaj i szukamy na komputerze pliku, który będziemy edytować.

 

 

Gdy już obrazek się wczyta, wchodzimy w Edycja -> Preferencje

 

Po prawej wybieramy Domyślny Obraz -> Wypełnienie -> Przezroczysta -> OK

 

Jeśli po prawej nie macie zakładek "WARSTWY" itp. postępujecie w taki oto sposób:

 

 

Po prawej od obrazka, gdy mamy zakładkę warstwy, pędzle itp, klikamy prawym przyciskiem na warstwę TŁO i wybieramy Dodaj kanał alfa.

Następnie wybieramy tę różdżkę w menu po prawej i na dole w zmiękczaj krawędzie ustawiamy odpowiednie dla nas zmiękczenie. Ja wybrałam 3,3 i wydaje mi się, że jest to akurat. Im większe – tym bardziej rozmyte krawędzie.

Potem, klikamy "różdżką" na białe tło, które zostaje zaznaczone i klikamy DELETE (klawisz na klawiaturze, po lewej na samej górze, czasem oznaczony też DEL lub DLT). Białe tło powinno zniknąć i pokazać się szare, takie jak na obrazku niżej. Powtarzamy tę czynność na każdym białym tle, które chcemy, by było przezroczyste.

UWAGA! Postaraj się, żeby Twoja moviestar nie miała zbyt jasnych włosów i ciuchów, bo nie tylko tło może zostać usunięte, ale też i ubiór!

Jak nie możesz znaleźć klawisza DELETE, kliknij tutaj. (KLIK!)

Aby zapisać, wybieramy Plik -> Zapisz jako

Wybieramy nazwę i miejsce zapisu pliku. UWAGA! Pamiętajcie, aby wybrać typ pliku Obraz PNG, bo inaczej tło nie będzie przezroczyste.

Wybieramy Połącz widoczne warstwy -> Eksportuj, a potem wszystko tak jak na obrazku poniżej.

Aby dodać nagłówek na bloga, wchodzimy w jego edycję. Wybieramy Projekt -> Projektant szablonów

Wybieramy szablon, który nam się podoba -> Zastosuj do bloga -> Powrót do bloggera

 

Wracamy do edycji Projekt i szukamy sekcji nagłówek. Wybieramy Edycja

 

 

Dodajemy nagłówek, tak jak na obrazku poniżej (musimy przejść do folderu, gdzie go zapisaliśmy). I tyle! Nagłówek gotowy 

 

 

 

Mój wyglądał następująco, choć jak mówiłam: polecam szersze jeśli chodzi o nagłówki  Nie proście mnie, abym Wam zrobiła, bo nie mam czasu… W końcu nie po to pisałam tę instrukcję.

Powodzenia!