Najlepsze dodatki na bloga

            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ę! :-)