Как вывести для ссылки фавикон

Ссылки можно оформлять по-разному: менять их цвет (в том числ при касании), размер, добавить тень, подсказки, пришпандорить иконку.
Как вариант (в том числе и для улучшения постовых), чтобы ссылки выглядели солиднее, к ним можно подгружать фавикон сайта-донора (т.е. на который вы ссылаетсь).
Обычно это делают автоматически или вручную с помощью Google и Yahoo, и некоторых специальных сервисов.
Сегодняшний скриптик умеет тянуть "вживую" фавиконы с сайта.

Демо:

ya.ru
google.ru
yahoo.com

Никакие картинки я к ссылкам не подставлял, фавиконы подгрузились автоматически.

Установка для Blogger ^{и не только} ↓
Есть несколько вариаций этого скрипта, но для Blogger/Blogspot лучшей оказалась привязка парсера к блочному элементу. Т.е. скрипт действует только в рамках заданной области (контейнер div).
Сам скрипт (ставится перед /head или /body):

<script src='fav_div.js' type='text/javascript'></script>

Скачать можно отсюда. Про хостинг и Dropbox уже надоело писать =). Кто не понимает, куда класть, ищите в предыдущих статьях.

Нюанс:
строка this.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwgxrsendFqAcjxqC_Dj7is70DjJv2hErCtkx1q3wuv3xcMC7kF6e2nS_pPBhnko0jhyphenhypheng0YWo9ltikyybZUq7ub7CJP-L1cNBN37DLmY2o04kFZZsgAvuEC7M04rW0ThJN347pXf8-4A/s1600/external.gif" - это ссылка на картинку фавикона, которая будет использоваться, если у донора фавикон отсутствует

CSS:

<style>
img.faviconimg {
 border:0;
 width:10px;
 height:10px;
 padding:0 4px; 
 float: left; 
}
</style>

Думаю, здесь всё предельно понятно: выставлены размеры фавикона, отступ и выравнивание по левому краю.

Ну а HTML код - обычный div с классом:

<div class="flinks">
<a href="http://ya.ru">ya.ru</a>
...
...
...
</div>

Разработчик.