Najlepsze dodatki na bloga

Favicona to bardzo przydatny dodatek na bloga. Jest to obrazek w formacie 16x16 pikseli, który wyświetla się obok adresu naszego bloga w pasku przeglądarki. Domyślnie faviconą na bloxie jest brzydkie żółte pudełko. Myślę, że warto poświęcić chwilkę czasu, by zmienić je na cos dużo atrakcyjniejszego. Szczególnie jeżeli chcemy, żeby nasz blog wyróżniał się już na pierwszy rzut oka spośród innych bloxowych blogów.

Favicona będzie się wyświetlała nie tylko w pasku adresu każdej wyszukiwarki, ale także na pasku ulubionych i w zakładkach, a także na pulpicie komputera. Obrazek będzie się więc nieodłącznie kojarzył z naszym blogiem. Z czasem nasi stali czytelnicy będą go rozpoznawać i ułatwi im to wyszukiwanie bloga wśród licznych podobnych zakładek. Np. wśród 10 blogów z żółtym pudełkiem od razu wpadnie w oko jeden inny obrazek. Favicona pokaże się także np. na blogspocie obok tytułu bloga w bocznej szpalcie wśród ostatnio odwiedzanych blogów.

Nie ma co się długo zastanawiać. Wybieramy faviconę i do roboty!

SKĄD WZIĄĆ FAVICONĘ?

Jest kilka możliwości:

1. Można zrobić samemu, jeżeli się umie, z dowolnego obrazka, np. fragmentu szablonu. Ważne, żeby obrazek miał rozmiar 16x16 pikseli i był w formacie (czyli z końcówką) ico, png lub jpg.

2. Druga możliwość to skorzystać z favicon proponowanych przez twórcę szablonu na stronie z danym szablonem. Jeżeli korzystamy z szablonów Kate_Mac, to ona zawsze dba o to, żebyśmy mieli kilka ładnych i pasujących do szablonu ikonek do wyboru. W przypadku szablonu lawendowego, z którego korzystam aktualnie znajdują się one w poście O SZABLONIE, w punkcie pierwszym.

3. Trzecia możliwość to użycie generatora favicon, jest ich w sieci wiele, np. taki:

http://www.favicon.cc/

Można dzięki niemu nie tylko stworzyć faviconkę, ale również zmienić format obrazka z jpg czy png na ico. Format ico jest o tyle lepszy, że pozwala na zapisanie ikonki również na pulpicie komputera, jeżeli ktoś, by chciał tam umieścić skrót do danej strony. Wystarczy kliknąć IMPORT IMAGE, potem PRZEGLĄDAJ, wybrać plik z obrazkiem u siebie na dysku, a potem kliknąć UPLOAD. Na następnej stronie można podejrzeć efekt i dokonać edycji albo ściągnąć gotowy plik na swój komputer klikając DOWNLOAD FAVICON.

4. Czwarta możliwość, którą najbardziej polecam, to wybór faviconki spośród proponowanych przez serwis Ikon Archive, o którym była już mowa w poprzednim wpisie przy wyborze awatara:

http://www.iconarchive.com/

Kiedy wejdziemy na stronę główną serwisu możemy szukać ikonek według różnych kluczy, np. tematycznie, wpisując słowa kojarzące się z naszym blogiem. Równie dobrym sposobem jest szukanie obrazków według klucza kolorystycznego. Wybieramy wtedy RANDOM ICONS, a później w lewej bocznej szpalcie ustawiamy kolor zbliżony do kolorystyki szablonu. Można od razu wybrać też rozmiar obrazka. Również w bocznej szpalcie klikamy na haczyk przy rozmiarze (SIZE) i wybieramy 16x16. Jeżeli wśród wyświetlonych nie ma nic ciekawego, można kliknąć na dole strony MORE RANDOM ICONS. I tak do skutki :-). Jeżeli znajdziemy ikonę, która nam się podoba, to klikamy na nią prawym przyciskiem myszki. Otworzy się nowa strona z obrazkiem. Gdzieś pośrodku tej strony będzie napis DOWNLOAD, który należy kliknąć aby ściągnąć obrazek na swój komputer.

Popularnymi faviconkami są pojedyncze wielkie litery na jednolitym tle kojarzące się z nazwą bloga. Np. jeżeli nazwa boga zaczyna się od słowa KOT, to jako ikonkę wybieramy literę K na niebieskim tle, jeżeli szablon jest niebieski, itd. Takich alfabetycznych ikonek jest w serwisie Icon Archive mnóstwo, więc nie ma co marnować czasu na ich samodzielne tworzenie w programach graficznych, chyba że ktoś lubi. Alfabetyczne ikony znajdziemy klikając na stronie głównej omawianego serwisu w zakładce CATEGORIES - > ALPHABET ICONS.

JAK UMIESCIĆ FAVICONĘ NA BLOGU?

Aby umieścić faviconę na blogu wystarczy wybrany przez nas obrazek nazwać „favicon” i umieścić w zasobach bloga. Nazwę obrazka zmieniamy, klikając na niego w zasobach naszego dysku i prawym przyciskiem myszki wybierając ZMIEŃ NAZWĘ. Później wchodzimy na nasze konto na bloxie, klikamy EDYTUJ -> WPISY ->  PLIKI -> klikamy dwa razy NOWY PLIK. W okienku, które się otworzy znajdujemy plik u siebie na komputerze i klikamy na niego, a potem na OTWÓRZ.

PROBLEM - FAVICONA NIE WYŚWIETLA SIĘ

I właściwie to wszystko. Piszę „właściwie”, bo niestety jest jeden problem. Przeglądarki nie pobierają favicon na bieżąco, więc jeżeli raz już sobie jakąś zapiszą w pamięci to taka zostaje, chyba że coś z tym zrobimy. Najlepiej wyczyścić pamięć podręczną wyszukiwarki, a przedtem usunąć daną stronę z zakładek. Taka opcja istnieje w każdej przeglądarce w MENU, pewnie w kategorii NARZĘDZIA. W Internet Explorer może być jeszcze trudniej. Aby odświeżyć faviconę, można próbować np. usunąć i potem ponownie dodać stronę do ulubionych i wtedy faviconka powinna się pokazać po zresetowaniu przeglądarki. Podobnie będzie w Firefoxie. Trzeba najpierw usunąć starą zakładkę, a następnie dodać stronę jeszcze raz, potem zamknać i ponownie otworzyć przegladarkę, żeby zobaczyć efekt. Najlepiej zapytać znajomych, czy u nich favicona się wyświetla, jeżeli tak, to już połowa sukcesu. U stałych czytelników bloga pewnie będzie z tym problem, natomiast nowi powinni widzieć nową faviconę bez problemu.

Najlepiej ćwiczyć cierpliwość i nastawić się na to, że efekt nie będzie widoczny natychmiastowo ;-). Wiem coś o tym, bo dodawałam faviconkę do moich trzech blogów i za każdym razem musiałam długo czekać, aż się w końcu pokazała :-). W każdym razie im szybciej wprowadzimy faviconę u siebie na blogu, tym więcej osób zobaczy ją bez problemów.

Do zajęcia się faviconami i napisania tej instrukcji natchnęła mnie Amyszka, której bardzo serdecznie za to dziękuję! :-)

            Na specjalne życzenie Avo_lusion, która poprosiła o ten właśnie dodatek w komentarzu pod poprzednim postem, napiszę dziś jak zainstalować awatary (czyli obrazki) w komentarzach. Sprawa choć w instrukcji, którą znalazłam wydawała się skomplikowana, jednak tak naprawdę okazała się prosta i zajęła tylko chwilkę. Dostosowywanie tego dodatku do własnych potrzeb zajęło więcej czasu. Ale po kolei.

            W Internecie znalazłam taką oto instrukcję, niestety okazała się nieaktualna:

http://pioornik.blox.pl/2008/07/Awatary-z-MyBlogLogcom-w-komentarzach.html

            Chwilę później znalazłam jej nowszą wersję i połączyłam w całość:

http://pioornik.blox.pl/2008/11/Awatary-w-komentarzach-po-nowemu.html

            A oto skrócona wersja tego, co należy zrobić:

KROK 1 - AWATAR

            Do zasobów bloga dodajemy plik o nazwie avatar.jpg. Plik ten tworzymy u siebie na komputerze z wybranego wcześniej małego obrazka w formacie JPG, zmieniając mu nazwę na avatar. Jeżeli prowadzimy blog o kotach, może to być kotek, jeżeli o gotowaniu, to może ciastko? Potem wchodzimy do panelu administracyjnego bloga, klikamy EDYTUJ -> WPISY ->  PLIKI -> klikamy dwa razy NOWY PLIK. W okienku, które się otworzy znajdujemy plik u siebie na komputerze i klikamy na niego, a potem na OTWÓRZ.

            Skąd wziąć obrazek, który nadawałby się na avatar? Ja posłużyłam się serwisem:

http://www.iconarchive.com/

            U góry jest tam zakładka Random Icons, w której można wybrać ikony o określonym kolorze, ja szukałam fioletowych i znalazłam Purple Umebachi Icon, którą skopiowałam programem Fastone Capture, żeby była w formacie JPG. Efekt można obejrzeć w komentarzach pod którymkolwiek postem. Myślę jednak, że większość z was ma już swój ulubiony avatar i ta cześć instrukcji raczej się nikomu nie przyda :-).

KROK 2 – WYGLĄD DODATKU

            Sprawdzamy, czy dodatek ten został już opisany w naszym szablonie. Jeżeli mamy szablon od Kate_Mac to możemy jej podziękować, bo raczej tak. A to znaczy, że nic nie musimy robić i ten fragment mojej instrukcji pomijamy przechodząc od razu do kroku trzeciego.

            Odpowiedni fragment kodu rozpoczyna się od „.MBLAvatar”. Sprawdzamy to w panelu bloga klikając EDYTUJ -> WYGLĄD -> EDYCJA CSS.

            Można też skorzystać z kodu CSS, który umieszczony został przez autora dodatku na jego stronie, ale wiadomo, że kod ten nie będzie pasował do każdego bloga:

.MBLAvatar  

{  

margin-top: 8px;  

margin-left: 0px;  

margin-right: 8px;  

margin-bottom: 5px;  

float: left;  

border-style: solid;  

border-width: 1px;  

border-color: gray;  

} 

            Kod ten należy wkleić do szablonu. W panelu administracyjnym bloxa klikamy EDYTUJ -> WYGLĄD -> EDYCJA CSS i wklejamy kod.

            Jeżeli ktoś zna się na CSS, to tutaj też można zmienić wygląd dodatku. Ja np. zmieniłam miejsce wyświetlania awatara. Zamiast po lewej stronie, pokazuje się na środku. Zmieniamy „float: left” na „float: center”.

KROK 3

            Ostatnim krokiem jest przepisanie poniższej linijki kodu i umieszczenie na blogu. W panelu administracyjnym wybieramy EDYTUJ -> USTAWIENIA -> BOCZNA SZPALTA -> wklejamy i  potwierdzamy klikając ZAPISZ.

<script type="text/javascript" src="http://pioornik.blox.pl/resource/mblox.js"> <BR></script>

            Jeżeli będziecie mieli z czymś problem, to oczywiście można o tym napisać w komentarzach. Jeżeli komuś instalacja się powiedzie, to też byłabym wdzięczna za informację.

            Na koniec jedna uwaga. Dodatek wyświetla awatary osób, które mają profil na bloxie albo dodały avatar do zasobów swojego bloga. Przy pozostałych osobach pokazuje się pusty avatar. Kiedyś był tam znak zapytania, ale ponieważ dodatek nie był dawno aktualizowany coś w nim przestało działać. Brzydko to wygląda, a ja nie bardzo wiem, co można  z tym zrobić, poza namawianiem blogujących, żeby dodawali awatary do swoich blogów :-).

Może część czytelników zauważyła, że w bocznej szpalcie na moim blogu pojawił się ostatnio boks z ostatnimi komentarzami? Jeżeli nie, to można tam teraz zerknąć :-). Od dawna chciałam coś takiego mieć. Widziałam to na wielu innych blogach. Czekałam aż pojawią się komentarze na moim blogu, bo tylko wtedy jest sens dodawać do swojego bloga coś takiego. I w końcu stało się, komentarze się pojawiły - pojawił się boks z komentarzami.

Przyznam, że gdy zobaczyłam instrukcję jego instalacji byłam trochę przerażona. Dlatego tutaj podam moją wersję, bardzo uproszczoną i skróconą, taką „dla zielonych”. Po więcej informacji zaś zapraszam do źródła, a także na niezawodny blog Kate_ Mac.

 http://testblog.blox.pl/2007/05/Ostatnie-komentarze-wersja-JavaScript-widgetu.html

KROK 1

Wchodzimy na stronę pokazaną na powyższym obrazku. Ciekawi mogą przeczytać zamieszczony tam wpis.

KROK 2

Kopiujemy plik o nazwie blox.lastcomments.js.

KROK 3

Umieszczamy plik w zasobach swojego bloga. W tym celu w panelu sterowania bloxa wybieramy EDYTUJ -> WPISY ->  PLIKI -> klikamy dwa razy NOWY PLIK. W okienku, które się otworzy znajdujemy plik u siebie na komputerze i klikamy na niego, a potem na OTWÓRZ.

KROK 4

Poniższy kod przepisujemy i wklejamy w polu na DODATKI na bloxie w panelu administracyjnym. Klikamy EDYTUJ -> USTAWIENIA -> BOCZNA SZPALTA -> wklejamy i  potwierdzamy klikając ZAPISZ.

  <script type="text/javascript" src="/resource/blox.lastcomments.js"></script> 

I gotowe! :-). Dzięki „ostatnim komentarzom” od razu zobaczymy, kto dodał coś nowego pod naszymi postami. To wygodne rozwiązanie dla autora bloga. Myślę, że wprowadzenie tego może również zachęcić nowych użytkowników do zostawiania komentarzy.

DOSTOSOWYWANIE DODATKU DO WŁASNYCH POTRZEB

Opisana przeze mnie powyżej instalacja będzie nas satysfakcjonować, jeżeli posiadamy bloga pisanego na szablonie, który już jest do tego dodatku przygotowany. Takie są szablony Kate_Mac. Jeżeli komuś zależy, żeby dodatek pięknie współgrał z szablonem zwróćmy uwagę czy w CSS (w panelu bloxa wybieramy EDYTUJ -> WYGLĄD -> EDYCJA CSS) jest już opisany. Jeżeli nie ma tam nic o „ostatnich komentarzach”, to mamy dwa wyjścia: albo napisać potrzebny kod CSS sami, albo znaleźć szablon, który posiada już taki kod gotowy. Drugie wyjście zdecydowanie polecam osobom „zielonym” w CSS-ie. Jak zmienić szablon opisałam tu.

ZMIANA LICZBY KOMENTARZY I NAZWY BLOKU

Druga sprawa to drobne poprawki. Jeżeli chcemy zmienić liczbę wyświetlanych komentarzy z 5 na np. 15, to otwieramy plik  blox.lastcomments.js na swoim komputerze za pomocą Notatnika. Można po prostu otworzyć Notatnik i wrzucić tam plik za pomocą przeciągnij – upuść. W Notatniku zmieniamy interesujące nas liczby. Zapisujemy nową wersję i umieszczamy w zasobach bloga, tak jak już to wyżej opisałam. W taki sam sposób można też zmienić tytuł bloku z komentarzami.

DODANIE OZDOBNYCH IKONEK

Bardziej skomplikowaną sprawą jest dodanie ozdobnych ikonek przy nickach osób zostawiających komentarze. Tutaj niestety trzeba się trochę pobawić CSS-em. Ja na razie dodałam ikonkę czatu jako tło (background) i przesunęłam nicki w prawo. Po szczegóły, jak to można zrobić, zapraszam na bloga Kate_Mac. U niej też można zobaczyć jak wspaniale taki blok komentarzy może się wtapiać w szablon. Może mi kiedyś też uda się osiągnąć taki poziom dopasowania :-). Sobie i Wam tego życzę!

A i jeszcze ostatnia uwaga – dodatek sam zniknie, jeżeli przez ok. cztery tygodnie na naszym blogu nie będzie żadnych komentarzy. Jeżeli komentarze się pojawią, samoistnie pojawi się też dodatek. Idealne rozwiązanie.

PS Od dziś, a właściwie od wczoraj, zapraszam na mojego trzeciego bloga. Tym razem będzie o książkach:

http://cowartoprzeczytac.blox.pl/

A pomysł na tego bloga i odwaga, żeby go założyć, wzięły się z podpatrywania świetnych blogów osób piszących o książkach, które dodały komentarze na tym blogu. Wszystkim bardzo serdecznie dziękuję! :-)

http://sonda.hanzo.pl/

Prosty i szybki sposób, żeby za darmo i online zrobić sondę na swojego bloga. Sposób niestety nieidealny, bo możliwości dobierania kolorów jest niewiele. Niestety nie znalazłam nic równie prostego w użyciu, funkcjonalnego, a do tego z większymi możliwościami.

Co prawda niedawno zaczęłam testować serwis polecony przez Kate_Mac - polldaddy.com, ale na razie nie spełnia on moich oczekiwań. A to dlatego, że nie umiem edytować CSS. Jeżeli ktoś umie, to zrobi z ich ankietą dosłownie wszystko. Ja próbowałam pozmieniać ustawienia podstawowe, ale wciąż coś mi nie pasuje, znów za mało możliwości. Może kiedyś to opanuję.

KREATOR SONDY

Wracając do sond hanzo.pl, tu sprawa jest banalnie prosta. Wchodzimy na stronę widoczną u góry mojego wpisu i klikamy obrazek sondy. Przenosi nas na stronę kreatora sondy. Z tym na pewno każdy sobie poradzi, więc opiszę tylko jakie są możliwości. Po pierwsze po lewej stronie mamy aktualny podgląd naszej sondy. Sprawa bardzo ważna, aktualizuje się on na bieżąco, w miarę wprowadzanych przez nas zmian, więc warto zwracać na niego swoją uwagę podczas pracy nad wyglądem dodatku.

WYBIERZ SCHEMAT

Do wyboru mamy 16 schematów kolorystycznych. Różnią się one nie tylko kolorem, ale też ułożeniem tekstu. Możemy wybrać schemat, a potem pozmieniać wszystko poza ramką, więc przyjrzyjmy się, jaki ma kolor. Niektóre kolory są cieniowane, od jaśniejszego do ciemniejszego. Taki efekt możliwy jest tylko, jeżeli nie zmieniamy szablonu, sami nie możemy ustawić takich kolorów, to wielki minus tego narzędzia.

INNE OPCJE

Gdy już wybierzemy schemat możemy pobawić się wyglądem sondy. Mamy takie kategorie:

• określ typ wyboru – jedna odpowiedź możliwa do zaznaczenia albo wiele odpowiedzi;

• dostosuj tytuł – może być sonda, ankieta albo co tylko chcemy, jeżeli wykasujemy tekst, to pole zniknie z ankiety (to też może być przydatne rozwiązanie);

• dostosuj pytanie – wpisujemy swoje pytanie, niestety mamy możliwość zadania tylko jednego;

• dostosuj odpowiedzi – odpowiedzi możemy wpisać wiele, niestety nie można dodać pustego pola na odpowiedzi czytelników bloga;

• dostosuj przycisk – możemy zmienić tekst „głosuj”, na jaki chcemy;

• dostosuj wyświetlanie wyników – tu wybieramy liczbę głosów albo procenty;

• ustal czas głosowania – można, ale nie trzeba.

Pod każda kategorią jest napis USTAWIENIA, który możemy kliknąć i dzięki temu uzyskać dodatkowe opcje, zmianę koloru albo wielkości czcionki, wyrównanie tekstu, pogrubienie itd.

GENEROWANIE KODU

Na koniec, gdy już jesteśmy z sondy zadowoleni, przepisujemy kod z obrazka, zaznaczamy, że akceptujemy regulamin i klikamy ZAPISZ SONDĘ I GENERUJ KOD. Zanim to zrobimy jedna ważna rzecz. Z doświadczenia wiem, że lepiej zapisać sobie jakie kolory wybraliśmy, bo sondy nie można później edytować, trzeba robić ją od początku.

UMIESZCZANIE KODU NA BLOGU

Wygenerowany kod wklejamy tam, gdzie chcemy, żeby się pojawił. Jeżeli ma być w treści posta, to zmieniamy edytor na prosty i wklejamy do posta. Jeżeli w bocznej szpalcie, to tradycyjnie w panelu administracyjnym na blox.pl wybieramy EDYTUJ -> USTAWIENIA -> BOCZNA SZPALTA -> wklejamy i potwierdzamy klikając ZAPISZ.

PRZYKŁADY

A to przykładowa sonda zrobiona tym sposobem:

Wynik sondy będzie widoczny dla każdego czytelnika po zagłosowaniu ;-).

Jak wygląda taka sonda w bocznej szpalcie bloga i w innych kolorach, można zobaczyć na moim pierwszym blogu.

A powinnam jeszcze uprzedzić, że sonda ta zawiera niewielką reklamę w postaci linku widocznego tylko przez chwilę podczas ładowania dodatku. Mi osobiście to nie przeszkadza. Linku nie można usunąć, bo sonda nie będzie działać.

PS Do osób, które głosują, że instrukcja jest niezrozumiała (a już cztery takie osoby się znalazły):
Proszę, żeby w komentarzach do wpisu pisać, który fragment jest niezrozumiały, bo może dzięki temu uda mi się go poprawić :-).