Profesjonalny Hosting

Przeglądając dziś projekt strony, którą mam nadzieję w niedalekiej przyszłości przerobić (jak otrzymam zlecenie) przez przypadek zauważyłem ukryty odnośnik do strony WWW. Wszedłem na stronę i niechcący znalazłem naprawdę świetny generator przycisków w technologii Flash. Adres strony jest banalny: http://www.flashbuttons.com Niestety nie chce mi się dziś przechodzić przez proces instalacji butonów, gdyż jest już późno, a trzeba by wgrywać pliki na serwer. Btw. Polecam, bo to naprawdę piękne przyciski.

O innym generatorze przycisków na stronę WWW.


wtorek, 30 grudnia 2008 0 komentarze

Thumbnails.org to portal umożliwiający zapisanie podglądu strony www w pliku graficznym. Ma on jednak trzy wady:

  1. Wymaga rejestracji (jest darmowa)
  2. Podgląd jest w bardzo niskiej rozdzielczości (tak było w testowanej przeze mnie darmowej wersji)
  3. Dodatkowo wymaga zamieszczenia kodu HTML na stronie, na której chcemy zamieścić podgląd.
Portal Thumbizy daje o wiele więcej znacznie niższym nakładem pracy:
  1. Nie wymaga rejestracji.
  2. Posiada aż 4 możliwe do ustawienia rozdzielczości.
  3. Jest całkowicie darmowy (korzysta z licencji Creative Commons szczegóły...).
  4. Nie zawiera oczojebnych, wkurwiających reklam.


podgląd - www.thumbizy.com

Jednak najlepszą opcją jest chyba możliwość podlgądu całej strony. Ponieważ trudno jest to sobie wyobrazić posłużę się Thumbizy :)

Podgląd mojego bloga w wykonaniu Thumbizy


Powyższe materiały oparte są o licencję CreativeCommons uznanie autorstwa, użycie niekomercyjne, bez tworów zależnych.






sobota, 27 grudnia 2008 0 komentarze

Jak zrobić głosowanie za pomocą gwaizdek w HTML/CSS
Jak zrobić gosowanie za pomocą gwiazdek w PHP
Jak zrobić gosowanie za pomocą gwiazdek w PHP wersja 2 poprawiona.

Powyższe przykłady nie są łatwe do zrobienia, wymagają wiedzy i cierpliwości. Jeśli ktoś potrzebuje projekt na wczoraj to może skorzystać z FiveStar. Jest to moduł oryginalnie zaprojektowany przez Lullabot i wspierany przez Acquia. Moduł gwiazdek na Blogger jest dostępny w wersji testowej, ale ja jestem z niego niesamowicie zadowolony. Na dole widać ramkę z proponowanym przez ten moduł wpisem wartym przeczytania.

Wspomnę, że jeszcze, że FiveStar został oryginalnie napisany dla Drupal, a za wspierającą go Acquią stoi sam Buyaert.

Zanim poznałem FiveStar korzystałem z gwiazdek Blogfroga, ale obecnie już z nich rezygnuję, bowiem znam lepsze, a dwa różne systemy głosowania wyglądają głupio.



dodajdo.com



http://geoclimate.com.au/

Wykonanie jest pierwszą rzeczą, która przyciągnęła moją uwagę do tej witryny. Zwraca uwagę podział na sekcje: nawigacja z kontaktami i 3-pozycyjnym menu: Home, Kontakt i Prawa Autorskie. Dalej mamy logo firmy, nagłówek. Następnie przechodzimy do stonowanego menu, obok którego widnieje obrazek. Treść strony zawarto w trzech białych kolumnach, z których każda dotyczy działalności firmy. Na samym dole stopka.

Wyróżniłem grubą czcionką kluczowe części witryny. Dzięki temu zwróciłem już na to uwagę czytelników. Teraz przejdę do omówienia każdej z tych 7 składowych części, które się mają przyczynić do sukcesu Twojej witryny sieciowej.

  • Nawigacja - właściwie pełni ona tutaj rolę nagłówka, ale ponieważ w specyfikacj W3C nagłowkiem są oznaczane elementy blokowe, np. h1, h2, itp. nie chcę tutaj mieszać pojęć. Dlatego troszkę nietypowo nazwę tę część Nawigacją. W przypadku tej witryny nawigacja stanowi łącznik pomiędzy witryną internetową firmy a realną firmą. Telefon i adres email pozwalają na błyskawiczny kontakt, a pozostałe informacje są w zasadzie standarem w tej chwili - powrót do strony głównej, kontakt i nieco informacji prawnych i technicznych dot. witryny. Jak już wspomniałem jest to taki standard, który się narodził pewnie wraz z powstaniem takich platform webowych jak WordPress, Drupal czy Joomla.
  • Logo - co tu dużo mówić na temat loga, graficznie uzdolniony nie jestem, ale widzę, że to logo jest bardzo dobre. Pasuje do stylistyki strony, wyróżnia się, ładnie się komponuje z poniższym menu. Ważne, że przyciąga uwagę.
  • Nagłówek - mimo iż napisany niezgodnie ze standardami (takie rzeczy jak profil działalności zwykło się umieszczać w h1) to spełnia swoją rolę znakomicie. W 2 linijkach mamy przedstawioną wieloletnią tradycję firmy oraz jej obecny profil działalności (ujęty w trzy słowa kluczowe).
  • Menu - Jak już wspomniałem wraz z logiem tworzą dobre wrażenie. Menu jest szerokie, po najechaniu myszą delikatnie podświetla się. Ogólnie nic niezwykłego. Pokreślam 3 produkty, które się znalazły w menu - naprowadzają one czytelnika na konkretniejszy profil niż jest on ujęty w nagłówku.
  • Obrazek to główny element projektu witryny. Jest świeży, zielony, ekologiczny i nadaj stronie indywidualnego charakteru. Kolory nawigacji są zaczerpnięte z obrazka. Obrazek i zielona stylistyka infoprmują, że mamy do czynienia z czymś ekologicznym, mimo, iż to słowo bezpośrednio nie zostało na stronie użyte. Ekologia wkońcu jest w modzie i może przyciągnąć potencjalnego klienta.
  • Treść właściwa to sedno strony i jej powód istnienia. Firma po raz kolejny chwali się jaka ona to nie jest, czego to ona nie posiada by wkońcu dać Tobie, znurzonemu już tą grą i napewno napalonemu na ich produkt - dać wiadomość, że możesz się stać szczęśliwym posiadaczem tego produktu i to na partnerskich, równych zasad. A to dobre!
Firma permanentnie na każdym kroku promuje siebie. Zwróćcie uwagę na Menu i pierwszą z 3 kolumn na białym tle: AboutUs. Są z siebie dumni. Chcą się przedstawić w jak najlepszym świetle, aby na końcu (Our Services) się dobrze sprzedać na zasadzie "partnerstwa".

Niestety stronie brakuje czegoś. To coś jest w moim mniemaniu animacją żywej biedronki na tym soczystym, zielonym liściu (może gdzieś tam w oddali jest jakieś zakopcone, nieszczęśliwe miasto?). Animacje takie nie mają sensu bycia na tzw. Front Page, czyli Stronach wejściowych... z wielu powodów. Lecz gdyby zastosować tego typu animację zamiast statycznego obrazka, to strona odżyłaby i stanowiła by krok milowy w stronę wizerunku firmy high-tech.

czwartek, 25 grudnia 2008 0 komentarze

Muszę wkleić kod w dowolne miejsce posta! 865b4e253280d804a50054b3c29f9a67 Żenujące. Blogbox, cóż to za głupi pomysł! Nie dało się tego zrobić inaczej, ukryć w tagach html?

środa, 24 grudnia 2008 0 komentarze

Fryzjerski scuttle
Formuła 1 i Psychoterapia
Pozycjonowanie, newsy, internet, auta, czyli Wykop (zawieszony do 1-go stycznia)
http://prymus.niop.pl/ - PR2, niestety polskie kodowanie się wali tematyk - kadry, zasoby ludzkie, turystyka

wtorek, 23 grudnia 2008 0 komentarze


Blogger

  • Lepsza pozycja w wyszukiwarce (Google lepiej traktuje swoje produkty od konkurencyjnych a Blogger jest wyjątkowo dobrze, lepiej niż YouTube, sprawdzone)
  • Brak podstron
  • Ciekawe, wręcz genialne widżety
  • Problemy ze standardami
  • Prostszy w edycji
  • Druga pod względem popularności platforma blogowa
  • Można przenieść na własną domenę
WordPress
  • Pozwala tworzyć podstrony
  • Trudny w edycji
  • Podobno dobrze się indeksuje w wyszukiwarce Google
  • Posiada mnóstwo darmowych skórek
  • Posiada mnóstwo widżetów
  • Najpopularniejsza platforma blogowa
  • Można zainstalować na własnej domenie

Banalność edycji, łatwe w instalacji, dobrze działające dodatki to główne zalety Bloggera. Brak podstron uznaję za jego największą wadę. Jest jeszcze słabe radzenie sobie ze standardami wynikające z prostoty kodu blogu Google. Mam też jak to mówią Czesi napad - widzę przyszłość, w której Blogger może mi już nie wystarczyć do segregowania treści.

WordPress to kombajn. Jest bardziej rozbudowany od Bloggera, posiada też większą ilość widżetów, ale jest trudniejszy w obsłudze i mniej intuicyjny (trzeba się przyzwyczaić).

Polecam WordPress dla tych którym Blogspot już nie wystarczy.

Chcąc zaprojektować dobrą stronę www nie możesz kierować się wyłącznie swoim widzimisię, a nawet widzimisię Twojego zleceniodawcy. (pisze o tym Jacob Cass na swoim blogu). Musisz pisać przede wszystkim dla użytkowników. A ci mają już wyrobione swoje zachowania, sposób w jaki zwiedzają strony, swój tryb poszukiwania informacji.

Jakob Nielsen zauważył i opisał na swoim blogu jeden z modeli, z jakiego korzystają użytkownicy. Polega on na tym, iż przeglądają oni witrynę w trzech liniach: dwa razy od lewej do prawej by zjechać pionowo w dół. Tak narodził się częsty model F przeglądania strony. Najlepiej wyjaśni to obrazek.




Narzędzie, którym zostały zrobione obrazki nazywa się EyeTracker. Jak widać na w/w obrazkach użytkownicy przeglądają witryny w rzędach od lewej do prawej i jeśli nie znajdą szybko informacji przeglądają witrynę w dół, przy czym klikalność pierwszych bloków witryny jest kilkukrotnie wyższa niż kolejnych.

Na sam koniec dodam, że użytkownicy przeglądając witrynę zachowują się trochę bezmyślnie. Bowiem z grafik tu przedstawionych wyraźnie widać, iż tak naprawdę to sami nie wiedzą czego poszukują. Kilkają bezmyślnie w pierwszy lepszy sektor i surfują dalej.

Przy okazji wyszła mi tutaj jedna rzecz, że byłem w błędzi sądząc, że userzy zawsze patrzą wpierw na lewy górny róg strony. W pierwszych dwóch przypadkach byłoby to więc Menu/Nawigacja boczna, lecz tak się nie stało. Co więc zachęciło użytkowników pokazanych stron an kliknięcie w to czy tamte miejsce? Mógł być to kolor, który podobno jest szalenie ważny, a im jażniejszy tym większą uwagę przykówa. Wypadało by więc, aby użytkownik głupi kliknął na żółte lub pomarańczowe menu. Tymczasem on jest skrupulatnie omijał. Na temat kolorów pisałem w tym poście: Znaczenie kolorów na stronach www. Wynikało z niego, że użytkownicy powinni klikać w ten żółty i pomarańczowy (oba ciepłe, zachęcające do klikania) kolor. Tak się jednak nie stało. Moja odpowiedź dlaczego: bo ponieważ najjaśniejszym kolorem był w tym wypadku biały!

Technika, którą m.in. testuję na tym blogu, to oznaczanie najważniejszych treści najjaśniejszym kolorem. Jedynie w wypadku treści tekstowych byłem gotów na wyrzeczenie, ale chyba czas to zminić. Od teraz dam na biało linki, a niech treść postów będzie jasno-zielona.

Więcej na temat użytkowników z deseniem F można poczytać na stronie www.useit.com


Chris Spooner ze strony Vectortruts.com zebrał i przedstawił te 30 pięknych projektów logo.

Pokażę tylko niektóre z nich. Całość możesz obejrzeć Tutaj.










niedziela, 21 grudnia 2008 0 komentarze

AboutUs.Org odnalazłem przez przypadek w trakcie mojego zwykłego kopania w sieci. W pierwszym momencie wydawało mi się, że strona posiada jakieś niebywałe informacje na temat domen. Wpisałem więc przykładową domenę i zobaczyłem coś, co w pierwszej chwili wyglądało na ...katalog! Konkretnie chodzi tutaj o to, że wczytano title, opis, słowa kluczowe i miniaturkę mojej strony. Z jedną różnicą, że każde słowo kluczowe zostało przetworzone z automatu na linka :) Od razu oczywiście kliknąłem...

Co się okazało, nie były to zwykłe tagi, lecz automat przetworzył słowa kluczowe zaczerpnięte z mojej strony na kategorie. Niby serwis Web 2.0 a jednak jakiś inny. Już myślałem, że jakiś geniusz przerobił Scuttle gdy wtem ujrzałem button edit wiki. Nie jest więc co żaden katalog, scuttle, autorski skrypt, lecz przerobiona Wikipedia?? Niemożliwe, gdyż dokładnie pamiętam - dziś po raz pierwszy widziałem kopię Wikipedii na domenie jakiegoś pozycjonera. Myśląc, że edytuję czyjąś kopię Wikipedii wrzuciłem na główną stronę Wolnej Encyklopedi słowo k###a (pewnie już mam bana). Wracając do tematu, nie chciałem wierzyć, że to może być ten sam skrypt, ale ujrzałem coś, co mi przypomniał czasy gry w Neverwinter Nights, gdy przesiadywałem na stronie Wiki tej gry i widziałem tam coś takiego. Ktoś postawił tam Wiki! Eureka ;p

Ach, i żebym pamiętał MIAŁEM TYLKO KUPIĆ DOMENĘ NA ZAPLECZE!!!!!!!!!!

* na podstawie listy katalogiseo.info



























































































IDadresPRlink zwrotnyG IPG BL
11
Katalog stron firmowych - StronyFirm.pl
????
10
Katalog Transportowy
0N51-1
9
Katalog Transportowy
0N29-1
8http://www.wyszukaj.com/5T??
7katalog.gryfow.info0N3870
6natopie2N15809
5http://skocz.com6T strona główna
4http://katalog.bajery.pl5wymagany
3http://www.katalog4u.com5wymagany
2http://strony.swiata.pl4wymagany
1Byleco.info1nie

sobota, 20 grudnia 2008 0 komentarze

Na podstawie katalogiseo.info























































IDNazwa PR gipgblYip Ybllink zwr.freemod uwagi
3
Artykuły Od Fan-shop.pl
211013320-+-
2
P.Page Artykuły Od Miasto-pila
160413220n0+-
1http://www.wielcy-sportowcy.com/0218131082++-

I.
Pytanie. Jeśli stworzę 3 subdomeny, wstawię unikalny content ukierunkowany i podlinkuję je stąd, a następnie #1 i #2 zalinkują do trzeciej a ta trzecia zalinkuje do pierwszej - Czy Google uzna pierwszą i trzecią subdomenę za najbliższe sąsiedztwo? Co się stanie ze stroną 'matką', czyli tym blogiem. Czy zajmie ostatnie miejsce, czy też ze względu na swoją moc (poprzez zasiedzenie) znajdzie się na pierwszym miejscu.

Odp. Ponieważ domeny linkując oddają część swojej mocy, to wyniki wyszukiwania będą następujące:

  1. 1
  2. 3
  3. 2
Jak przy tym wypadnie ten blog pozostaje zagadką.

II.
Skąd Google wie, że np. musztarda jest bliższa majonezowi niż świątecznym bombką? Zakładam, że to wie dzięki obserwacji zachowań ludzkich. Naprawdę, zatrważająca maszyna ten Google.

Google ustala
sąsiedztwo na tej samej zasadzie, co pokrewieństwo słów. Myśli kotłują mi się niemiłosiernie, chyba skoczę na piwo dla rozluźnienia. Wcześniej jeszcze dodam sobie linka do mojego postu, który popełniłem na forum PiO.

piątek, 19 grudnia 2008 0 komentarze

Niestety nie jestem w stanie przenieść większości menusów na bloga, ponieważ są one mocno zakodowane w html/css. Z pewnością zajęłoby mi to więcej niż dzień.
1. Podświetlane menu
http://www.cssplay.co.uk/menus/visitedmenu.html
2. Wyskakujący opis
http://www.cssplay.co.uk/menus/menuseven.html
3. Pochyłe buttony
http://www.cssplay.co.uk/menus/menutwelve.html
4. Ostatnio popoularne - dodatkowa strzałka po najechaniu kursorem + podświetlenie
http://www.cssplay.co.uk/menus/top_pointer.html
5. Nowoczesne menu 3d
http://www.cssplay.co.uk/menus/pro_horizontal#nogo
6. Schowane menu podwójne
http://www.cssplay.co.uk/menus/tabs_two.html
7. Menu poziome butony 3d
http://www.cssplay.co.uk/menus/centered_sliding_doors.html
8. Nadpisujące się zakładki
http://www.cssplay.co.uk/menus/overlap.html
9. Wysuwane w prawo, przeźroczyste menu
http://www.cssplay.co.uk/menus/side_tabs.html
10. Menu w kształcie wysuwanego języka
http://www.cssplay.co.uk/menus/pull_tabs.html
11. Neonowe menu
http://www.cssplay.co.uk/menus/neon_menu.html
12. Wysuwane w dół menu z przeźroczystością
http://www.cssplay.co.uk/menus/opaque_dl.html
13. Czarno białe obrazki po najechaniu myszą zmieniają się w kolorowe!
http://www.cssplay.co.uk/menus/flickerfree_mk3.html
14. Menu z wyskakującymi obrazkami
http://www.cssplay.co.uk/menus/enlarge.html
15. Wielopoziomowe menu
http://www.cssplay.co.uk/menus/dd_valid.html
16. Dodatkowe menu rozwijane pod hover
http://www.cssplay.co.uk/menus/dd_valid_2.html
17. Eleganckie menu kaskadowe (podobne do poprzedniego)
http://www.cssplay.co.uk/menus/drop_line.html
18. J/w
http://www.cssplay.co.uk/menus/pro_dropline.html
19. j/w, ale z przeźroczystością
http://www.cssplay.co.uk/menus/pro_dropline7.html
20. Kaskadowe z kolorowymi obrazkami na hover
http://www.cssplay.co.uk/menus/pro_dropline8.html
21. Styl Apple
http://www.cssplay.co.uk/menus/pro_line_down_fly.html
22. Kolejne profesjonalne i całkiem ładne menu kaskadowe z dropline
http://www.cssplay.co.uk/menus/pro_left_right_line.html
23. Bardzo ładnie wyglądające profesjonalne menu, przeźroczystość i flyout
http://www.cssplay.co.uk/menus/flyout_horizontal.html
24. Komercyjny dropdown z przeźroczystością
http://www.cssplay.co.uk/menus/drop_variation.html
25. Profesjonalny dropdown podwójny
http://www.cssplay.co.uk/menus/pro_drop7
26. Wariacja na temat dropdown
http://www.cssplay.co.uk/menus/skeleton2.html
27. Regał w bibliotece



czwartek, 18 grudnia 2008 2 komentarze

Do niedawna wstawiałem na swoje strony taką czcionkę, jaka mi się podoba. To był błąd. Niestety większość popełnia ten sam błąd. Dowiedziałem się, że różne czcionki mogą mieć różne zastosowania i nie wszędzie pasują. Poniżej znajduje się moja lista najpopularniejszych czcionek i rodzaje zastosowań, jakie dla nich znalazłem. Zapraszam do lektury.


  1. Franklin Gothic Medium

    Gotyk jest dość ważnym elementem w dziejach - głównie zachodniej kultury. Czcionki gotyckie jako forma przekazu podkreślają wyrafinowanie i są symbolem czasu. Używaj czcionek gotyckich tylko na stronach kapeli metalowych, rockowych i na wszystkim co jest związane z ezoteryką. Czcionka będzie też świetnie wyglądać na kartkach miłosnych.


  2. Century Gothic

    Century Gothic to wariacja gotyckiej czcionki. Nie jest tak elegancka jak Franklin, wręcz powiedziałbym, że byle jaka, wieśniacka. Cóż, może ktoś ją wykorzysta do przedstawienia swojej wsi o średniowiecznych tradycjach ;) Obie czcionki są bezszeryfowe, ale używaj ich tylko, aby nadać stronie odpowiedni, mhroczny wygląd. ;)


  3. Georgia

    Georgia, (z ang. Gruzja) jedna z najlepszych czcionek. Jest to czcionka szeryfowa, co oznacza, że nienajlepiej się ją czyta. Będzie odpowiednia dla tytułów i nagłówków, oraz ważniejszych wiadomości.


  4. Impact

    IMPERIUM KONTRATAKUJE! Tak, ta czcionka ma kosmiczny styl. Jeśli akurat piszesz stronę na temat Gwiezdnych Wojen, to musisz tej użyć.


  5. Helvetica

    Dzieło szwajcarskich skrybów, zwane kamieniem milowym typografii. Najczęściej stosowana czcionka przez webdizajnerów. Microsoft zapożyczył ją sobie od nich i zmienił nazwę na Arial, przez co ta czcionka jest defacto najczęściej stosowaną czcionką na świecie. Mimo wielu wad w sumie mogę ją polecić.


  6. Script

    Unfortunatelly there is no known to me polish version of this font, so if You like, You can choose it to write on some foreign project. The best of this font is that it is stylish anb rememberable. Coca-Cola and Pepsico are signing their's products by this. Script is althought too small for me, but maybe there are better sized versions that this.


  7. Arial

    Ta czcionka jest wszędzie. Też masz jej już dosć? Btw. Widzisz jakąś różnicę między nią a Helveticą?


  8. Comic Sans MS

    Ta czcionka cieszy tylko słiitaaśnee blondynki z migających na różowo blogów Onetu. Wprawdzie są jeszcze mali chłopcy w przedszkolu, którzy nie mają nic przeciwko jej... Moim zdaniem nadaje się wyłącznie na stronę główną Domowego Przedszkola, ostatecznie na blog poświęcony komiksom.


  9. Lucida Console

    Czcionka dla prawdziwych geeków. Jest absolutnie najlepszą czcionką z jaką miałem do czynienia. Użyje jej tylko ten, kto bez chwili zastanowienia umie wymówić "~" albo "CMD" (ja nie). Nadaje się na stronę główną gier takich jak Quake.


  10. Times New Roman

    Znakomicie nadaje się na tytuły i nagłówki, ale tekst napisany za jej pomocą staje się nieczytelny. Oryginalnie ta czcionka została stworzona z myślą o pisaniu w wąskich kolumnach.


  11. Verdana

    Verdana to moja ulubiona czcionka. Jest bardziej czytelna niż Arial i nie jest tak rozjechana jak czcionki konsolowe (Console). Staram się ją stosować wszędzie. Źle wygląda jako nagłówek lub tytuł strony.


  12. Tahoma

    Jest podobna do Verdana, ale jej litery stoją znacznie bliżej siebie, przez co ta czcionka traci czytalność. Nie znajduję dla niej żadnego zastosowania, Verdana jest lepsza. Jeśli masz jakiś pomysł, zostaw proszę komentarz.





Inspiracja: Jacob Cass
Just Creative Design



Serwis CIS (Chapin Information Service) przeprowadził test pięciu najpopularniejszych przeglądarek pod kątem ich zabezpieczeń haseł użytkownika. W zestawieniu udział wzięły:

  • Opera 9.62
  • Firefox 3.0.4
  • Internet Explorer 7.0
  • Safari 3.2
  • Google Chrome 1.0






Opera 9.62 Firefox 3.0.4Internet Explorer 7.0Safari 3.2Google Chrome 1.0
77522

Ostateczne wyniki testu pokazują, że przeglądarki oparte o WebKit (Safari, Chrome) najsłabiej chronią hasła użytkowników.


Źródło: http://webhosting.pl/Chrome.i.Safari.slabo.chronia.hasla.uzytkownika

wtorek, 16 grudnia 2008 1 komentarze

Tagi to słowa kluczowe. Blogger umożliwia Tobie dodanie listy tagów. Funkcja ta ma pewne wady, gdyż:


  • wygląda archaicznie i nieprofesjonalnie

  • niepotrzebnie zajmuje dużo miejsca

  • elementy odróżniają się cyferką postawioną obok, co jest po prostu brzydkie

Poza tym serwisy Web 2.0 nauczyły się pokazywać słowa kluczowe właśnie w formie chmury tagów. Jeśli wyposażysz swojego bloga w taką chmurę tagów, ludzie pomyślą, że to wygląda profesjonalnie. Zyskasz dzięki temu prestiż lub może nawet nowego/-ych czytelnika/-ów.



Jeśli znasz język angielski z pewnością możesz przejść od razu na stronę http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html, gdzie znajdziesz obszerniejszą instrukcję jak zamieścić Chmurę Tagów na Bloggerze.



Dla tych, którzy nie znają angielskiego.


  1. Przechodzimy do zakładki Ustawienia - Edytuj kod HTML

  2. W kodzie odnajdujemy linię ]]>‹/b:skin›

  3. Wklejamy poniższy kod powyżej odnalezionej linii

    /* Label Cloud Styles
    ----------------------------------------------- */
    #labelCloud {text-align:center;font-family:arial,sans-serif;}
    #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
    #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
    #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
    #labelCloud a{text-decoration:none}
    #labelCloud a:hover{text-decoration:underline}
    #labelCloud li a{}
    #labelCloud .label-cloud {}
    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
    #labelCloud .label-cloud li:before{content:"" !important}

  4. Poniżej tej samej linii kodu ]]>‹/b:skin› wstawiamy


    ‹script type='text/javascript'>
    // Label Cloud User Variables
    var cloudMin = 1;
    var maxFontSize = 20;
    var maxColor = [0,0,255];
    var minFontSize = 10;
    var minColor = [0,0,0];
    var lcShowCount = false;
    ‹/script>


    Tu ważna informacja. Kolejno CloudMin oznacza minimalną ilość użyć, aby tag został wyświetlony (w domyśle jest 1), MaxFontSize to maksymalny rozmiar czcionki elementu, który występuje najczęściej, MaxColor to maksymalna wartość koloru, który jest współzależny MaxColor i MinColor. MinFontColor jest domyślnym rozmiarem najrzadziej występującego elementu. lcShowCount odpowiada za liczbę użyć tagu (false lub true jeśli chcesz, żeby liczba powtórzeń była widoczna).


  5. Ostatecznie pozostaje nam odnaleźć ostatnie miejsce w kodzie: ‹b:widget id='Label1' locked='false' title='Labels' type='Label'/›
    Znajduje się ono prawdopodobnie na samym dole kodu. Zastępujemy tę linijkę następującym kodem:


    ‹b:widget id='Label1' locked='false' title='Label Cloud' type='Label'›
    ‹b:includable id='main'›
    ‹b:if cond='data:title'›
    ‹h2>‹data:title/>‹/h2›
    ‹/b:if›

    ‹div class='widget-content'›
    ‹div id='labelCloud'/›
    ‹script type='text/javascript'›

    // Don't change anything past this point -----------------
    // Cloud function s() ripped from del.icio.us
    function s(a,b,i,x){
    if(a>b){
    var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
    }
    else{
    var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
    }
    return v
    }


    var c=[];
    var labelCount = new Array();
    var ts = new Object;
    ‹b:loop values='data:labels' var='label'›
    var theName = "‹data:label.name/›";
    ts[theName] = ‹data:label.count/›;
    ‹/b:loop›

    for (t in ts){
    if (!labelCount[ts[t]]){
    labelCount[ts[t]] = new Array(ts[t])
    }
    }
    var ta=cloudMin-1;
    tz = labelCount.length - cloudMin;
    lc2 = document.getElementById('labelCloud');
    ul = document.createElement('ul');
    ul.className = 'label-cloud';
    for(var t in ts){
    if(ts[t] < cloudMin){
    continue;
    }
    for (var i=0;3 > i;i++) {
    c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
    }
    var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
    li = document.createElement('li');
    li.style.fontSize = fs+'px';
    li.style.lineHeight = '1';
    a = document.createElement('a');
    a.title = ts[t]+' Posts in '+t;
    a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
    a.href = '/search/label/'+encodeURIComponent(t);
    if (lcShowCount){
    span = document.createElement('span');
    span.innerHTML = '('+ts[t]+') ';
    span.className = 'label-count';
    a.appendChild(document.createTextNode(t));
    li.appendChild(a);
    li.appendChild(span);
    }
    else {
    a.appendChild(document.createTextNode(t));
    li.appendChild(a);
    }
    ul.appendChild(li);
    abnk = document.createTextNode(' ');
    ul.appendChild(abnk);
    }
    lc2.appendChild(ul);
    ‹/script›

    ‹noscript›
    ‹ul›
    ‹b:loop values='data:labels' var='label'›
    ‹li›
    ‹b:if cond='data:blog.url == data:label.url'›
    ‹data:label.name/›
    ‹b:else/›
    ‹a expr:href='data:label.url'›‹data:label.name/›‹/a›
    ‹/b:if>
    (‹data:label.count/›)
    ‹/li›
    ‹/b:loop›
    ‹/ul›
    ‹/noscript›
    ‹b:include name='quickedit'/›
    ‹/div›

    ‹/b:includable›
    ‹/b:widget›


Ze specjalnymi znakami jest tak, że większość z nich nie możemy wpisać naciskając jeden klawisz, lecz wpisując 7-8-io znakowy kod. Tabelę kodów możemy znaleźć na stronie earthlink Dlaczego o tym piszę? Ano dlatego, że Jakub na swojej stronie justcreativedesign zamieścił całkiem ciekawy artykuł (uwaga) pt. “13 znaków, że jesteś złym designerem”.

W poprzednim zdaniu ukryty jest cały powód zamieszczonej notki.

13 znaków, że jesteś złym designerem


Ten styl cudzysłowi jest bardziej stylowy, nowoczesny i hmmm.. jaki jeszcze? Ładny?

Szkoda, że ostatnio nie zrozumiałem dyskusji dotyczącej odmiany słowa cudzysłów, bo pewnie w tej chwili popełniłem gafę. :)

poniedziałek, 15 grudnia 2008 0 komentarze

Jakie kolory stosować?

Gotowych rad tu nie znajdziesz, bo takowych uniwersalnych nie ma, można jednak podkreślić pewne aspekty składajace się na identyfikację kolorów.

  • Różnice społeczne, kulturowe - zarówno globalne, np biały jest uznawany za kolor żałoby w japoni i korei, u nas czarny z fioletowym do tego służy.

    Jak i różnice lokalne np. wiek wśród odbiorców, młodzi w naszej komercyjnej kulturze przewaznie wolą kolory jaskrawe, czyste (pewnie z przyzwyczajenia, bo właśnie takie wyraźne kolory dostarcza się małym dzieciom), podczas gdy starszym osobom lepiej zafundować bardziej stonowane kolory.

    Można tu też zaliczyć status społeczny, polityk będzie się ubierał tak jak inni politycy. A młody buntownik tak jak inni buntownicy. Oczywiście są wyjątki jeżeli ktoś chce sie wyróżnić, podkreślać swoją odmienność w danej grupie społecznej np. Jacek Kuroń w niebieskiej koszuli.

    Jak widać w tworzeniu stron www, warto zwrócić uwagę do kogo tak w zasadzie kierujemy naszą stronę, do jakiej grupy społecznej, kierujesz do ekologów - rób na zielono, kierujesz do osób starszych rób w pastelach.

  • Doświadczenia uniwersalneczerwone znaki drogowe - czyli te które dotyczą każdego z nas, np. kolor czerwony jako kolor związany z emocjami i ciepłem, (ogień,krew i serce ktore utrzymuja nas przy życiu itp) nie często też występuje naturalnie, chyba że się np. pokaleczymy. Przykłuwa uwagę na całym świecie i wywołuje szybkie emocjonalne reakcje, np używany jako czerwony znak STOP (zielony jechać, czerwony stop) - do szybkiego reagowania. Badania nad mózgiem dowodzą, że w sytuacjach kryzysowych (wymagajacych szybkiej reakcji) emocje mogą wziąść górę nad świadomym myśleniem, o to własnie chodzi niektórych zastosowaniach tego koloru np. w połączeniu z niebezpieczeństwem, skoro tak czy inaczej daje on silny bodziec dla emocji. Można stosowac na stronie internetowej w podobnych celach, choć pamiętaj aby nie za wiele, bo za dużo emocji, to nie zdrowo i traci wtedy swoje znaczenie.

    Weźmy jeszcze np. niebieski, żyjemy w końcu pod tym samym niebem, i oglądamy podobne powierzchnie wody. Niebieski jest przeźroczysty, nieskończony, nieograniczony, czysty i daleki. Niebieskie przedmioty oddalają się, oczywiście to tylko złudzenie, spowodane tym że niebo zawsze było daleko i nieosiągalne, zjawisko to można np. wykorzystać do próby przybliżania innych kolorów, w kontraście z niebieskim. Jeszcze taka mała ciekawostka dawniej malowano domy na niebiesko, bo owady nie lubią latać w strone niebieskiego, mają poprostu powody by nie przemiesczać się w górę w stronę nieba, a człowiek to wykorzystał.

    Jeszcze jeden z podstawowych czerwone znaki drogowe kolorów został do omówienia, jest nim żółty. Żółty - pochodzący od Słońca, tego słońca które przez wiele lat było uważane nie za gwiazdę, ale za bóstwo. Jak już o bóstwach mowa to mamy też żółte pioruny od gromowładnego. Żółte słońce i żółty ogień, siarka - umożliwały poznawanie świata przez rozświetlanie dróg, gdyby nie te źródła światła to świat nie byłby ten sam, stąd niesie ten kolor ze sobą duże znaczenie jako kolor władczy i porządany. Nawet w dzisiejszych czasach, w których tak sobie cenimy złote ozdóbki (kolejne bóstwo) i potrafimy się o nie nawzajem pozabijać. Jak kiedyś słońce tak teraz "żółty" prąd dostarcza nam powodów do życia i radości. Dzieki temu wszystkiemu żółty jest dla nas najbardziej widocznym i rzucającym sę w oczy kolorem, niesie ze sobą zarówno porządanie jak i niebezpieczeństwo. Robotnicy na budowach mają żółte ubrania, czy też żółte kaski aby było ich widać z daleka. Jest często używany przy tworzeniu reklam, właśnie ze względu na swoja widoczność.


  • Kolory, a kategorie produktów - przygotowywując się do stworzenia, czy też reklamowania jakiegos produktu, najpierw szukamy części wspólnych tego produktu z daną kategorią produktów, a potem dopiero cech wyróżniajacych. Do części wspólnych kategori produktów często zaliczany jest właśnie kolor, np. komputery i elektronikę często spotykamy w różnych skalach szarości. Jeżeli masz na swojej stronie jakieś produkty warto się zastanowić czy nie mają one jako cechy wspólnej jakiegoś koloru.

    Dlaczego warto podkreślić rolę części wspólnych? - w procesie uczenia się, ostatnim stadium jest zapominanie o tym że stosujemu daną wiedzę, staje się ona dla nas codziennością. Np. mleko zawsze jest białe, nie musimy tego sprawdzać, właśnie ta swiadomość pozwala nam sprawniej funkcjować - raz sie nauczyliśmy, a potem z góry zakładamy że to mleko jest białe, tak samo z każdym innym popularnym produktem.

    Można oczywiście próbować stosować element zaskoczenia, próbowac się wyróżnić. Kiedyś znalazłem w osiedlowym sklepie jakieś desery mleczne w czarnym opakowaniu, chyba coś nie szły, bo długo stały, więcej ich nie spotkałem. Bardziej przypominały znicze niż kategorie produktu do której należały.



  • Cechy grup produktów związane z koloremchmury lekkie i ciężkie - kolory też kojarzą nam sie z różnymi cechami, np. niektóre kolory mają swoją wagę. Biały waży kilka gramów, podczas gdy czarny kilka kilogramów. W modzie są produkty z napisem "Light" (lekkie, mają mało cukru itd), opakowania tych produktów też są lekkie. Czarne pastylki odchudzające? - jakby to wygladało, albo z drugiej strony białe ciężarki do ćwiczeń? Mamy lekki puch śniegowy, lekkie chmury i ciężkie ciemne chmury.

    Czarny garnitur - ciężki rozwazny, dlatego pewnie niektórzy kojarzą go z finansami, bo chcą aby ich kasa była w rozważnych stanowczych rękach mocno stąpających po ziemi. Lepiej tak, niż w białym lekkim wybielonym lekkoduchu - który umywa ręce.

    Kolejna sprawa kolory ciepłe: pomarańczow, żółty, czerwony - stymulują do działania, energiczne, w porównaniu z kolorami bardziej uspokajającymi - niebieski, zielony, fioletowy, szary (używanymi np. jako zimne tło dla lepszego kontrastu).



  • Moda na kolory - doskonałym przykładem jest np. "czarna wołga" - inna już być nie może. Czy też "gorączka złota", mówiąca o dobitym znaczeniu zółtego koloru. Można też tu wspomnieć o kolorze będącym ostatnio w modzie, zapoczątkowanej poprzez "pomarańczową rewolucję".

    Oprócz takiej mody, mamy jeszcze powatrzające sie zjawiska uwielbienia niektórych kolorów, np. czerwone mikołaje, czy serca na walenetynki. Czy też zieleń na wiosnę.

To by było na tyle o znaczeniu kolorów, mam nadzieję że od tej pory zaczniesz trochę inaczej je postrzegać bardziej wykorzystywać ich znaczenie. Pamiętaj jednak aby nie brać żadnej interpretacji za jednej i jedynie słusznej, działającej uniwersalnie, każdy człowiek jest inny, ma inną percepcję wynikajacą z doświadczenia. Dlatego każdy kolor ma dla każdego odrobinę inne znaczenie, związane z innymi emocjami, skojarzeniami.



wtorek, 9 grudnia 2008 0 komentarze

Strona http://www.mycoolbutton.com
oferuje nam wygenerowanie przycisku na własną site. Możemy wybrać interesujący nas kształt, kolor, styl i rozmiar napisu oraz grafikę. Fajny bajer.
Przykłady:




















Polecam również darmowy generator przycisków Flash na stronę WWW

poniedziałek, 8 grudnia 2008 0 komentarze

Całkiem niezły sposób na dodanie Gwiazdek na Bloggera opatentowali nasi polscy blogerzy. Otóż sposób jest banalnie prosty, mimo, iż ktoś musiał na niego poświęcić aż 2 dni.

Instrukcja:

  • Wchodzimy w Pulpit Nawigacyjny > Ustawienia > Układ > Edytuj Kod HTML
  • W polu Edytuj szablon zaznaczamy Rozszerz szablony widżetów
  • Odnajdujemy fragment kodu:

  • Wklejamy kod:
     
  • wtorek, 2 grudnia 2008 0 komentarze

    Trik ten działa tylko w przeglądarkach Safari i FireFox (co do Chrome to nie wiem, trzeba sprawdzić).



    div {

    background: #eee;

    border: 1px solid #bbb;

    padding: 15px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    }


    Voila! Teraz użytkownicy Chrome, Safari i FireFoxa mają zaokrąglone narożniki.

    Post oryginalny: http://stylizedweb.com/2008/08/19/css3-rounded-corners/

    niedziela, 30 listopada 2008 2 komentarze

    W drugiej części przeprowadzanego testu zmierzę prędkość generowania struktur blokowych DIV w CSS (Cascading Style Sheets). CSS, czyli kaskadowe arkusze stylów są szeroko wykorzystywane podczas na stronach internetowych. Test bada ile czasu zajmie przeglądarce wyświetlenie bardzo dużej ilości DIV, czyli schematów blokowych. Mimo, iż żadna ze stron nigdy nie będzie zawierała takiej ogromnej ilości w/w bloczków (test jest czysto teoretyczny), to jest to warte zbadania chodźby po to, aby sprawdzić jak przeglądarki sobie poradzą z taką ich ilością.

    Test znajduje się na stronie http://www.howtocreate.co.uk/csstest.html Ponieważ pierwszy wynik jest zawsze najwyższy (najdłużej się wczytuje) wobec czego mniemam, iż jest on najbardziej wiarygodny, gdyż istnieje możliwość, że każda następna próba jest częściowo zapisana w pamięci podręcznej przeglądarki, co się negatywnie odbija na wynikach.

    1.
    Celtikane























    Przeglądarkawersjaszybkość (ms)
    Chrome0.4582
    Safari3.1.2688
    Opera9.62797
    FireFox3.0.41105
    Internet Explorer7.02016
    Internet Explorer6.0Nie uruchomił się

    2.
    SunSpider JavaScript Benchmark


















    W teście brak IE 6.0, gdyż po uprzednim teście na moim komputerze została zainstalowana aktualna wersja, tym samym zastępując starą.
    Przeglądarkawersjaszybkość (ms)
    Chrome0.43560
    FireFox3.0.48553
    Opera9.6211249
    Safari3.1.212320
    Internet Explorer7.0344623

    W Internecie umieszczono miliony zdjęć. Nie wszystkie można swobodnie wykorzystywać. Ale i tak sieciowe kolekcje bezpłatnych fotografii są imponujące. W tym artykule chcemy Ci pokazać, jak korzystać z zasobów darmowych zdjęć i grafik umieszczonych w Internecie.

    Najprostszą metodą na znalezienie zdjęć jest skorzystanie z wyszukiwarki grafiki Google'a (http://images.google.com/). Problem polega na tym, że większość prezentowanych tam materiałów jest chroniona prawem autorskim. I choć szansa na to, że autor fotografii zauważy naruszenie i będzie domagał się odszkodowania, jest niewielka – to korzystanie z takich zasobów jest niewskazane. Obowiązuje tutaj bowiem zasada „wszystkie prawa zastrzeżone”.

    Oprócz tego w Internecie można spotkać dzieła (nie tylko zdjęcia), których dystrybucja i wykorzystanie oparte są na licencji Creative Commons („niektóre prawa zastrzeżone”). Twórca może w takiej sytuacji zezwolić użytkownikowi na kopiowanie, zmienianie czy publikowanie danego materiału. Creative Commons ma również swoje odmiany (szerzej piszemy o nich w ramce poniżej). Najbardziej restrykcyjna jest licencja „by-nc-nd”, która pozwala na umieszczanie zdjęć pod warunkiem wskazania autora i podania linku do źródła. Zabronione są jednak tutaj wykorzystywanie komercyjne zdjęć (w działalności zawodowej albo gospodarczej) oraz ich modyfikowanie. To ostatnie jest zaś dopuszczone w licencji „by-nc-sa”. Najbardziej liberalna licencja (oprócz całkowicie „wolnej” Public Domain) wymaga jedynie podania nazwiska czy nicka autora. Fotografie mogą być tutaj wykorzystywane jako materiały do innych prac (np. kolaży).

    Czytaj całość artykułu

    Na stronie http://html-color-codes.com/ można odnaleźć kody kolorów na stronę www zapisane w języku html. Dodatkowo na w/w stronie mamy do zakupienia plakaty z symbolami kolorów i ich kodem.

    czwartek, 27 listopada 2008 0 komentarze

    Serwis Ranking.pl jest platformą, na której znajdziemy sporą bazę dotyczącą statystyk internetowych. Serwis jest na tyle wiarygodny, że nawet opisuje metodologię swoich badań, co w dzisiejszych czasach stanowi jeszcze rzadkość. Co najważniejsze statystyki są darmowe. Do ich przeglądania wystarczy przeglądarka internetowa. Możemy znaleźć tu dane dotyczące przeglądarek internetowych, systemów operacyjnych z których najczęściej korzystają internauci oraz co ważne dla webdesignerów - najpopularniejszych rozdzielczości. Dla ludzi z branży SEO z pewnością przydatną będzie statystyka dotycząca najpopularniejszych katalogów w necie.

    poniedziałek, 17 listopada 2008 0 komentarze

    Tworzenie stron WWW to nie tylko niezrozumiałe dla przeciętnego śmiertelnika kody, ale także styl, w jakim tworzymy swoje strony. Jednym z elementów stylu jest kolor. Każdego roku modny jest inny, ale przepraszam, nie o tym miałem. Oto przydatne narzędzia do kolorowania stron. A więc pędzle w ręce i do dzieła!

    • Defence Mechanism - stronka świetnie spisuje się wraz z narzędziem Firefoxa Colorzilla. Po pobraniu koloru ze strony za pomocą kroplomierza Colorzilli wstawiamy kod RGB lub Hex, a Defence Mechanism sam nam oblicza kolory pokrewne. Świetnie nadające się do wypełnienia strony, na której priorytetem jest jakaś graficzka.
    • Colorzilla to addon dla Mozilli Firefoxa (swoją drogą must-have dla webmasterów) pozwalające pobrać kolor z praktycznie każdego miejsca na stronie. Zaopatrzona w kroplomierz, paletę kolorów i powiększenie wybranych elementów strony staje się nieodzownym narzędziem dla kogoś, komu zależy na ładnym designie strony. Wraz z innymi narzędziami sprawia, że tworzenie stron staje się bagatelnie proste. No może poza samą decyzją który kolor najlepiej wybrać, ale to już inna bajka...
    • Wellstyled to z kolei narzędzie umożliwiające zabawę z kolorami i ich wyborem praktycznie od zera. Narzędzie oferuje wiele różnych kombinacji z kolorami i trzeba się nim chwilkę pobawić, żeby zajarzyć o co chodzi. Sam bardzo często używam właśnie tego narzędzia, gdyż daje naprawdę boskie efekty, a opcji jest mnóstwo!
    • Colourlovers (nie mylić z colorlovers) to strona www zawierająca gotowe schematy kolorów (np. Mozilla Firefox, Banana-Strawberry) tworzone przez użytkowników i dla użytkowników. Powstała tego już całekiem spora baza. Ja dodam, że można tam znaleźć m.in. desenie (z ang. patterns). Całość mamy posortowaną ślicznie kategoriami, są listy top 10 i ogólnie stronka naprawdę jestem pełen podziwu.

    środa, 4 czerwca 2008 0 komentarze

    Mam zaszczyt brać udział w konkursie pozycjonowania stron internetowych zorganizowanym przez włodarzy najznamienitszego forum internetowego dotyczącego optymalizacji i pozycjonowania stron internetowych. Czym jest pozycjonowanie i jak wpływa na wyniki (pozycje) w SERP-ach (w wynikach wyszukiwań) można się dowiedzieć na mojej amatorskiej stronie konkursowej ręceprecz odtybetu.

    A więc odtybetu ręceprecz !

    niedziela, 1 czerwca 2008 0 komentarze

    Wiele osób uważa, że lepiej niekorzystać z zainstalowanego w Windows Internet Explorera, gdyż jest on dziurawy. Ponadto znawcy sieci osądzili go jako przestarzałą przeglądarkę. Ja też miałem ten problem, dlatego też przeszukałem Internet i zainstalowałem kilka najpopularniejszych moim zdaniem przeglądarek. Następnie po zainstalowaniu ich przeszukiwałem zasoby Internetu, żeby znaleźć jak najlepsze testy dla wydawałoby się nieskopmlikowanego tematu jakim są przeglądarki. Udało mi się przetestować ich sprawność działania, nowoczesność a najważniejsze, że także bezpieczeństwo. Gdyby ktoś już pytał co rozumiem przez sprawność działania czy nowoczesność to poproszę go o jeszcze chwilę cierpliwość, wyjaśnię tę kwestię później.

    sobota, 12 kwietnia 2008 0 komentarze

    Pierwsza część - warto się zaznajomić przed przeczytaniem niniejszego.

    Przed chwilą odebrałem maila od właściciela Fabryki Spamu, który m.in. (na szczęście dla mnie) nie zgodził się z moimi argumentami dotyczącymi FSB. Właściwie nie napisał nic prócz tego, że się nie zgadza. Facet ma dużo większe ale niezbyt dobrze kojarzy fakty. Doświadczenie czasem jest przyzwyczajeniem i to podejrzewam redaktora Fabryki Spamu. Na dodatek jeszcze mnie przypadkiem naprowadził na kolejny dowód mej tezy o Fresh Site Punishment.

    Jak słusznie mój rozmówca zauważył, Fresh Site Bonus na zachodzie znany jest jako Fresh Site Boost. Naturalnie od razu to sprawdziłem stan faktyczny i co się okazało. Strony o tematyce Fresh Site Boost (angielska odmiana Fresh Site Bonus) w części Internetu, która rozwija się o wiele dłużej od naszej są mniej liczne. To dowodzi, że albo Polacy to geniusze (w co wątpię) albo Google karze specjalnie Polaków (na pewno niektórzy w to uwierzą) albo... sami sobie zbudowaliśmy ten mit. Jak ktoś ma jaja to może ma też mózg:
    Fresh Site Bonus : 241000 wyników
    Fresh Site Boost : 231000 wyników
    Dla rozwinięcia myśli podam jeszcze kolejny przykład:
    Spam po polsku 645000 zaindeksowanych podstron
    Spam po angielsku 32,400,000 zaindeksowanych podstron
    Zwróccie uwagę jak ogromna to jest różnica!
    A oto ilość domen:
    .pl - 1 490 000 000
    .de - 1 370 000 000
    .uk - 589 000 000
    .us - 153 000 000
    Polska to jeden z ostatnich krajów Europy jeśli chodzi o dostęp do Internetu. Nikt normalny nie uwierzy, że niewielka ilość Polaków aktywnie uczestniczących w budowaniu Sieci byłaby w stanie stworzyć taką ilość wartościowych stron. Ja też w to nigdy nie uwierzę. Nie tylko ja tak uważam, że większość tych zindeksowanych polskich TLD to wszelkiej maści katalogi, precle, scuttle i inne spamiarko-smieciarki. I to dlatego Google daje nam bonus dla świeżych stron :) Żebyśmy się mogli jak dzieci cieszyć przez 2-3 tygodnie z niezłej pozycji? xD Haha. Google nie może być aż tak głupie. Prościej i lepiej zbanować te wszystkie śmieciarki, zarzucić je filtrami. No chyba, że Google stwierdza (że w kraju, gdzie jest dominującą przeglądarką) olewa swoich klientów (użytkowników) i niech toną w spamie :D Tylko skąd w takim razie te jęki na PiO, że mój site dostał filtra? Inną naprawdę zastanawiającą mnie rzeczą są ciągłe od ostaniego update'u wahania wszelkich site. Coś dziwnego się dzieje, ale co? Może nowy model robotów-spiderów, znacznie szybszy niż poprzednie rzucił się na strony i zręcznie dodaje do baz Google, przez co mamy nieustający kocioł. Być może za jakiś czas się to uspokoi.

    Nadal uważam, że Fresh Site Boost Bonus to zasługa Polaków, i nie jest to w gruncie rzeczy bonus :) Takie są moje spostrzeżenia po dodaniu mojej strony katalogów. Nie twierdzę, że dodawanie do SWL jest nieprzydatne - to na pewno skutkuje. Przypuszczam, że w mikro skali to jednak nie skutkuje. Jak będę mieć czas to rozwinę tę myśl...

    poniedziałek, 31 marca 2008 1 komentarze

    Właśnie podjąłem się instalacji blogrolla na mym blogu. W poniższym poście wpiszę do czego służy blogroll oraz jak go można zainstalować na Bloggerze, czyli Blogspocie.

    Blogroll to najpopularniejszy obecnie widżet dodawany na blogach. W Polsce jeszcze mało spotykany robi już furorę na zachodzie. Blogroll zastępuje tzw. farmy linków, gdzie wpisywało się łącza do ulubionych stron lub też o podobnej tematyce. Blogroll jak sama nazwa wskazuje tyczy się tylko blogów. Innowacyjność tego widżetu polega na tym, że prócz linka do kolegi widzimy podgląd na jego blog. Jesteśmy na bieżąco informowani o najnowszym poście - jego tytule i dacie dodanie. Co więcej widżet sam ustawia hierarchię linków według daty ostatniego wpisu! W tym miejscu pozwolę sobie zaznaczyć, że blogroll jest świetnym pomysłem na wymianę linków z kimś piszącym o podobnej tematyce lub z kolegą. Dzięki temu ogranicza się utracanie czytelników. Zawsze jest szansa, że ktoś przejdzie na konkurencyjny blog, by później wrócić. W ten sposób tworzą się coraz większe blogowe społeczeństwa. Przy okazji dodam, że jeżeli ktoś byłby chętny na wymianę linkami w systemie blogroll to oczywiście się zgadzam. Proszę jednak o wcześniejsze zamieszczenie linka do mnie, tak abym mógł zobaczyć że komuś rzeczywiście zależy.

    Dodanie blogroll na Blogger / Blogspot jest nieodpłątne i co więcej - już dostępne dla polskich blogowiczów. Co ciekawe znalezienie tego sposobu, który za chwilę podam nie było łatwe. Powiem tak - byłem już praktycznie zrezygnowany z instalacji blogroll, gdy się natknąłem na ten sposób: Logujemy się na http://draft.blogger.com używając naszego ID z Blogspot (Gmail). Wszystko wygląda tak, jabyśmy się normalnie logowali na Blogger.com. Jedyna różnica to niebieskie logo na górze. Dalej wchodzimy: Ustawienia>Układ>Elementy strony i klikamy "Add a gadget" tak jakbyśmy dodawali element bloga przez przycisk "Add a page element". Po załadowaniu nowego okna przez przeglądarkę klikamy na samą górę listy elementów, gdzie szukamy "Lista blogów" - to właśnie nasz blogroll. Kolejne kroki już zależą od Was - gdyż polegają tylko na dodawaniu kolejnych blogów, które jak już sam wspomniałem - same się ustawiają w kolejności alfabetycznej.

    źródło: http://googlesystem.blogspot.com/2008/02/add-blogroll-to-blogger.html

    niedziela, 30 marca 2008 1 komentarze

    darmowy hosting obrazkówNa prostym przykładzie zademonstruję państwu jak istotne może być seo w url-ach. Film "Prawie jak Tokyo Drift" znalazłem ongiś na YouTube. Wówczas zdecydowałem się go zamieścić na swojego blogspota. Mający prawie 125tys. wyświetleń, zaparkowany na silnej domenie YouTube film powinien być zdecydowanie na pierwszym miejscu rezultatów wyszukiwarki. Tymczasem okazuje się, że jest dopiero czwarty, przegoniony m.in. przez mojego bloga, który odnotowuje średnio <50>

    Ku mojemu zdziwieniu odnotowałem, że spośród mających identyczną siłę SEO stron wyżej znalazł się film zamieszczony na Bloggerze, co mnie zaskoczyło.

    Stało się tak ponieważ w jego url zawiera słowa kluczowe. Reszta praktycznie niczym się nie różni.

    Słowo wstępne.

    Fresh Site Bonus jest to mityczny algorytm Google, który na 2-3 tygodnie podwyższa pozycję świeżej strony w wynikach wyszukiwania. Dzieje się tak dlatego,
    iż Google w ten sposób promuje nowe strony. Dlatego tak robi, gdyż w przeciwnym
    wypadku strona na odległej pozycji nie miała by szans wskoczyć wyżej. Wyobraźcie sobie bowiem nową stronę, która ląduje na xxxxxxx stronie w wynikach wyszukiwania. Przecież taka strona jest niewidoczna i nikt na nią nie wejdzie... Na marginesie
    to właśnie dlatego powstały katalogi, które korzystając ze znanego algorytmu Google dotyczącego ilości linków przychodzących podnoszą sztucznie ranking wyników wyszukiwaniaw w wyszukiwarkach. Myślę, że powstanie serwisów Web 2.0, w których
    faktycznie nowa zawartość jest mocniej promowana przyczynił się do wzrostu wiary
    w Fresh Site Bonus.

    Wyszukiwarka - domyślnie słowo to oznacza skomplikowany program bazujący na algorytmie i mający za zadanie pokierowania użytkownika Internetu na właściwą stronę. W Polsce dominującą wyszukiwarką jest Google. Jego dominacja jest tak silna, iż właściwie jedynie Onet jest przez niektórych brany pod uwagę jako alternatywna wyszukiwarka, wyszukiwarka która ma zaledwie 5% rynku. Dlatego czasem zdarza mi się napisać wyszukiwarka mając w domyśle Google, o czym należy pamiętać, gdy ja zapomnę :)

    SERP - Search engines results position, czyli nic innego jak pozycja w wynikach wyszukiwania.

    BlackHat - techniki promowania stron w Internecie nierekomendowane przez Google i niebezpieczne ze względu na kary, jakie są za nie przyznawane. Polska to kraj specjalizujący się w tym rodzaju SEO. Wśród technik black hat znane są między innymi katalogi, qlweby i inne strony mające tysiące lub nawet miliony podstron, które w ten sposób oszukują algorytm Google, iż temu się wydaje, że ma do czynienia z wiarygodnymi i dobrze prosperującymi stronami, przez co mają wyższy SERP.

    Fabryka spamu.

    Czytając anglojęzyczne blogi nie znalazłem wzmianki o FSB. Toteż zbulwersowałem się mocno, gdy na jakiejś polskiej stronie (zresztą niezbyt ładnie nazwanej) znalazłem artykuł: Mit “Fresh Site Bonus” . Autor strony od początku wydał mi się być spamerem, jako że jego
    wiedza była rozległą a strona traktowała o śmiecionośnym spamie (wręcz jej nazwa sugeruje, iz oni
    ten spam produkują). Tak więc na początek zażyczyłem sobie, żeby Google potraktowało
    tę stronę jako śmieciowisko i rzuciło na jakiś Black List. Z ciekawości jednak chcąc
    się upewnić, iż FSB rzeczywiście istnieje (a co taka głupia strona ma do gadania -
    ja czytam PiO) - sprawdziłem w angielskim Google. Jak widać zaledwie jedna witryna po angielsku na pierwszej stronie SERP ma frazę FSB! Czy Anglicy i Amerykanie nie dośwadczyli Fresh Site Bonus?? Przecież nazwa jest jakby wymysłem obcojęzycznego człowieka! Suegruje więc, iż taki algorytm powinien być solidnie opisany na zagranicznych stronach. Tymczasem więcej materiałów o nim znajdziemy na stronach w języku polskim.

    Z czym Google kojarzy Polskę?

    Z sukkursem dość niespodziewanie i o raz kolejny przychodzi Fabryka Spamu. Na stronie
    znalazłem taki artykuł. Przeczytamy w nim, że Polska jest krajem mającym najwięcej zarejestrowanych
    domen narodowych. Jeśli poczytamy artykuł uważnie dowiemy się dlaczego. Ja podam
    dlaczego, bo może niektórzy mi uwierzę i bez czyrania. Otóż jesteśmy specjalistami
    w Black Hat, lub inaczej krajem liderującym w ilości produkowanego w świecie spamu!
    Polska jest jednym z niewielu krajów jeśli nie jedynym, w języku którego ukazał się artykuł dotyczący SEO na oficjalnym blogu Google. Jako ciekawostkę podam, że pod względem zarejestrowanych domen narazie przeganiamy nawet Chinczyków, których jest 5 miliardów! Praktycznie rzecz biorąc na jednego Polaka w chwili obecnej przypada około 40 podstron! Co więcej pod względem ilości zarejestrowanych domen Polacy wyprzedzają nie tylko inne kraje ale... TLD .pl to trzecia najpopularniejsza końcówka w światowym Internecie! Jedynie domeny zakończone na .com i .net są liczniejsze!

    Mój research

    Niedawno moja strona gwałtownie spadła w Google. Praktycznie na wszystkie frazy poleciała w dół. Co ciekawe te wszystkie spamerskie katalogi się ostały. Jaki z tego wniosek? Dostałem karę od Google. A za co? Za duplicate content (reklama w katalogach często była identyczna i praktycznie pokrywała się z tym co było napisane na stronie głównej).

    To wszystko doprowadziło mnie do jednego jedynego wniosku. Frash Site Bonus
    w rzeczywistości powinien się nazywać Spam Site Punishment (SSP). Kurka, przecież
    wysoki wynik witryny na początku wynika z jej naturalnego umiejscowienia przez Google, które odbywa się automatycznie dzięki skomplikowanym algorytmom! Mamy więc wyjasnienie!

    Dodatkowo wydaje mi się, iż tak naprawdę algorytm Google walki ze spamem nie jest nadzwyczaj mocno rozwinięty. Pewna luka w nim isteniejąca pozwala stroną fabrykującym spam po jakimś czasie odbić się z dna. Dowodem tego jest ciągłe przeświadczenie pozycjonerów w Polsce, iż efekt FSB rzeczywiście istnieje. W istocie istnieje, lecz działa na innej zasadzie. Przekonałem się o tym dziś sprawdzając dwa mirrory mojej strony www:
    Site
    Mirror#1
    Mirror#2
    Jak się okazało strona naturalna, nielinkowana nie doświadczyła spadku w wyszukiwarce.
    Teraz idąc za radą spamerów z PiO będę dodawać 2 katalogi dziennie dla Site. Zobaczymy czy strona nadal będzie spadać czy nadejdzie wkońcu oczekiwany i znany polskim expertom od black hatu moment, w którym strona przegoni katalogi w SERPie Google. Oby tak było.

    Tymczasem!

    Kontynuacja tutaj.

    sobota, 29 marca 2008 0 komentarze


    Jak działa phishing?


    Wstęp.

    Phishing (inaczej spoofing) to technika wyłudzania prywatnych danych np. kont bankowych i innych wartościowych za pomocą specjalnie do tego spreparowanych wiadomości email oraz stron internetowych. Z założenia osoba złapana ("złowiona") podaje swoje dane na fałszywej stronie email, przez co przestępcy zyskują dostęp do jej prywatnego konta. Technika ta staje się coraz popularniejsza a ilość ataków phishingowych dramatycznie wzrasta. Niestety miałem niebywałą okazję samemu się o tym przekonać, gdy dostałem spreparowany email od kogoś podszywającego się pod serwis PayPal. PayPal jest to serwis transferujący pieniądze pomiędzy użytkownikami drogą elektroniczną. Jego właścicielem jest największy wirtualny serwis aukcyjny na świecie - firma Ebay. Od roku 2005 serwis ten jest dostępny również po polsku. Ponieważ PayPal przechowuje m.in dane kont zarejestrowanych użytkowników uzyskanie dostępu do takich kont wiązało by się praktycznie z uzyskaniem dostępu do pieniędzy na tychże kontach.

    Oto cała historia.

    Spokój dzisiejszego, jakże nudnego wieczora został zaburzony przez wiadomość, którą otrzymałem na maila. W folderze Spam znalazłem:

    Free Image Hosting at www.ImageShack.us

    Jak widać na załączonym obrazku nic nie wskazuje, że wiadomość tutaj miała trafić. Przecież PayPal to zaufany serwis z którego korzystałem i nie ma mowy by przysyłał mi jakieś niechciane wiadomości. Co więc dostałem? Muszę to sprawdzić.

    Free Image Hosting at www.ImageShack.us

    Moją uwagę przykuwają dwie rzeczy. (A) - adres "service@paypal.com" a obok niego drugi (B) Jeden w "" a drugi <> Który więc jest prawdziwy? Nie bardzo potrafię pojąć o co chodzi. To już druga wątpliwość na jaką natrafiam - brak wyraźnie podanego adresu email. Coraz bardziej zaciekawiony i zbity z tropu przechodzę do czytania samej wiadomości.

    Free Image Hosting at www.ImageShack.us

    Z samej wiadomości wyciągam jedynie wniosek iż jest raczej wiarygodna. Otóż jej treść to mniej więcej: Drogi kliencie PayPal Musimy cię poinformować, że podczas sprawdzania poziomu bezpieczeństwa prosimy wszystkich naszych użytkowników o zweryfikowanie ich numeru identyfikacyjnego. Dzięki temu lepiej będziemy ochraniać naszych użytkowników przed złodziejami kont. Aby zabezpieczyć Twoje konto PayPal przejdź na podaną niżej stronę. Tutaj znajdziemy adres strony, który wygląda tak: https://www.paypaI.com/us/webscr.php?cmd=_login-runcmd= Na pierwszy rzut oka nie ma w tym nic specjalnego. Adresy bezpiecznych stron często podobnie wyglądają. Dalsze informacje to kolejne bujdy, przeprosiny za kłopot, podziękowania za pomoc... Kolejna jest dość ważna informacja. Aby otrzymać wsparcie należy się zalogować na powyższej stronie. Jeśli to zrobimy to w tym miejscu nasze poufne dane (adres email przypisany do konta oraz hasło) zostaną skradzione a my tym samym padniemy ofiarą phishingu! Bezczelność złodziei jest ogromna. Zamieszczają nawet poradę, aby w razie jakichkolwiek kłopotów ze stroną kliknąć "Help"! Przyznam, że choć sam w sieci spędzam mnóstwo czasu podobna rzecz zdarzyła mi się po raz pierwszy. Nie wyobrażam sobie jak np. początkujący użytkownik mógłby zareagować na podobną wiadomość wysłaną np. przez hakera podającego się za BANK WBK, o którym ostatnio głośno z powodu phishingu. Nie mówię już co może zrobić np. emerytka namówiona przez swoją córkę czy syna na korzystanie z konta internetowego! Proszę mi wierzyć, że takie osoby istnieją i nie mają najbledszego pojęcia o użytkowaniu internetu i zagrożeniach zeń płynących. Tak naprawdę jednak moje wątpliwości z czym mam do czynienia nadal nie były rozwiane. Postanowiłem więc zaryzykować i kliknąć linka otrzymanego w treści emaila. Uwaga - ten krok nie jest już bezpieczny i nie radzę nikomu podejmować ryzyka, jako, że samo wejście na niektóre strony bywa niebezpieczne! Oto jak wyglądała spreparowana strona:

    Free Image Hosting at www.ImageShack.us

    Jak widać powyżej strona wygląda całkiem przyzwoicie i zupełnie przypomina PayPal. Jeśli jednak popatrzymy na adres http:// zobaczymy nie adres paypal.com lub paypal.co.uk czy paypal.pl (domyślne adresy PayPal), ale bolhoedjes.nl/wwwww.paypal, czyli adres serwera znajdującego się w Holandii! W tym momencie ja, spędzający po 8 godzin dziennie w Internecie, znający Internet od ponad 10 lat użytkownik zrozumiałem że mam do czynienia z próbą phishingu! Doznałem szoku. Wszystko było do tej pory naprawdę przekonujące. Pozostało mi tylko się przekonać faktycznie, czy jest tak jak myślę. W tym celu przeszedłem na stronę paypal.com i ...podziwiałem różnice, jakie są pomiędzy stronami.

    Free Image Hosting at www.ImageShack.us

    Na koniec dodam, że na szczęście filtry spamu działają dość efektywnie. Niestety czasami do tego folderu trafiają także wiadomości błędnie zakwalifikowane jako spam, więc i tak nieraz go przeglądamy. Wniosek z tego taki płynie, iż właściwie nie jesteśmy całkowicie chronieni przed phishingiem.

    Życzę wszystkim dużo szczęścia i rozsądku podczas korzystania z sieci.

    Profesjonalny Hosting

    Najnowsze