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 :-).