Zmiana avatarów komentatorów anonimowych

Notka szybka, ale przydatna! (Czyli jak zawsze... -,-)
Często jest tak, że wchodzimy na swojego bloga, patrzymy na komentarze i... jesteśmy bardzo niezadowoleni.
Zazwyczaj przypływ nowych opinii bardzo nas cieszy, jednak - zwłaszcza dla początkujących bloggerów - estetyka będzie się wydawała w pewnym stopniu zaburzona. Spójrzmy:

Wycięłam treść komentarza

 Oto standardowy avatar komentującego Anonima. Brzydactwo. Niby uniwersalny - a jednak nie pasuje ani do bloga fantasy, ani do sweet blogaska, ani do mrocznego pamiętnika. Zastosowałabym go chyba tylko do jakichś blogów informacyjnych. Hm. Tak, perfekcyjnie by pasował.
Tylko, co zrobić, jeśli nie prowadzimy bloga z wiadomościami?
Zanim przejdę do naszej instrukcji, przedstawię coś jeszcze.

Niestety, nie znalazłam nigdzie takiego przykładu, więc zrobiłam screena z jakiegoś innego bloga.

 Poznajecie? To brzydkie, pomarańczowe logo Bloggera, przyklejone jako avatar do komentarza...
Czyżby pozostało nam tylko płakać? Pisać petycje do Bloggera, żeby zmienił to ohydztwo?
Otóż nie.
Zerknijcie poniżej:

Anonimowy użytkownik

Użytkownik z profilem Bloggera, ale bez avatara

Na blogu fantasy pomyślałam, że powinnam dać jakieś klimatyczne avatary - plus, żeby zachować tę "anonimowość", postarałam się znaleźć obrazy zakapturzonych postaci (tutaj dodatkowy przykład - z zasłoniętą twarzą). Oczywiście, podejrzewałam, że większość moich odbiorców będzie płci żeńskiej, więc biedny Mietek mógł poczuć się trochę jak zniewieściały. Z początku miałam ochotę dać jakieś paskudztwo, żeby ludziom odechciało się komentować z Anonimów (przynajmniej poczytałabym ich blogi z dzikiej ciekawości...), ale pomyślałam, iż to może być jeden krok za daleko. ;D
Jak to zrobić?
Na samym początku najlepiej znaleźć obrazki. Możemy poszperać na stronach, gdzie oferują nam avatary 100px na 100px. Możemy też wyciąć taki kwadrat z większego obrazka/zdjęcia.
Przykłady:

Cloud <3

<Link>

<Link>

Taki znany fotomontaż, że już mi się znudził xD

 <Link>

 <Link>

Potrzebujemy bezpośredniego linku do naszego obrazka.

1. Zapisz swój szablon. Naprawdę - zapisz go. Jak tu coś Ci nie wyjdzie, to później zapanuje taki chaos, że nie jesteś sobie w stanie wyobrazić. W celu zapisania szablonu wchodzisz w Panel Nawigacyjny > Szablon > na górze jest opcja Zapisz/Przywróć kopię zapasową > Pobierz pełny szablon. Zacznie się pobieranie małego pliczku.

2. Panel nawigacyjny > Szablon > Edytuj kod HTML > Rozszerz szablony widżetów.

3. Odszukaj kawałek kodu. Kliknij Ctrl + F i wklej to w pole wyszukiwania:

</body>

(wcześniej tu był inny urywek kodu - teraz powinno być dobrze)
Wciśnij Enter. :)
Teraz spójrz nad wyszukaną frazę i wklej to, co jest poniżej. Całość, która nas interesuje, powinna wyglądać tak (nie patrz na zaznaczone kolorem linki, bo masz inne - musisz je zamienić na swoje):

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://photos.nasza-klasa.pl/35706573/1/square/6f743eb4fa.jpeg?v=0&#39;)
.ssyby(&#39;blank&#39;)
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://avatarmaker.net/free-avatars/avatars/nature_217/scenery_275/autumn_fantasy_avatar_100x100_23467.jpg&#39;)
.ssyby(&#39;blank&#39;)
</script>

Na żółto (teraz widzę, że to bardziej pomarańcz...) zaznaczyłam link do avatara anonimowego użytkownika. Skasuj go i wklej swój link do wybranego avatara znalezionego w sieci (lub zuploadowanego na jakiś serwer hostujący ^^).

Na różowo zaznaczyłam drugi link - jeśli go podmienisz, zmienią się avatary użytkowników posiadających konto Bloggera, ale niemających wgranej ikony.

4. Zamykamy oczy, mówimy "działaj, działaj!" i dajemy Zapisz. No dobra, początek tego punktu można pominąć. :)