Система Blogspot, а точнее ее разработчики…
.jpg)
Система Blogspot, а точнее ее разработчики не перестают нас удивлять. Один из сотрудников компании Lu Chen из Филадельфии представил возможность отображать аватары возле текста комментария. Я уже как-то рассматривал данный вопрос в посте улучшаем систему комментирования, где рассказывал об одном стороннем скрипте, а также в каммнтах пользователи рекомендовали другие сервисы, но сейчас это все уже не столь актуально – ведь для Blogspot добавлена поддержка аватар в качестве функциональной возможности движка. При этом аватаркой является изображение, которое указано в профайле пользователя (смотрите панель управления блогом). В общем, сейчас во многих блогах со стандартным шаблоном вы можете наблюдать отображающиеся аватары. Кроме того, разработчики упростили процесс добавления изображения в профайл. Для этого при комментировании предусмотрена специальная форма загрузки картинки. При комментировании любого блога нажимаете на копку «добавить фотографию» и выбираете нужное изображение. В дальнейшем аватарка будет отображаться рядом с текстом комментария. Внимание! Чтобы позвонить аватарам отображаться в блоге требуется в разделе «Настройки» меню «Комментарии» указать соответствующие настройки – ищите поле «показывать в комментариях изображения из профиля?». Как всегда придется потрудится для подключения опции владельцам нестандартных шаблонов Blogspot. Нужно будет сделать несколько правок в HTML шаблоне. 1. Поэтому заходим в меню «Макет» – «Изменить HTML», сохраняем предварительно имеющийся шаблон на всякий случай. 2. Затем отмечаем галочку «расширить шаблоны виджета» и находим в коде: Заменяем его на: 3. Дальше ищем в шаблоне Лично у меня такого не было, в принципе, вам главное нужно найти место, где выводятся комментарии – а это совсем рядом с предыдущей кодом, рассмотренным в пункте 2. Так вот после найденного или нет кода добавляем
4. Сохраняем шаблон. Последние строки непосредственно отвечают за вывод изображения. 5. Дальше укажем изображение, которое будет показываться, если у пользователя нет аватарки. Для этого находим в шаблоне код Либо перемещаемся на место, где был только что добавлен вывод картинки, и помещаем после него условный оператор:
6. После этого добавляем в CSS стили (перед ]]>) следующие строки:
/* Avatar */ .avatar-image-container img { background:url(http://i860.photobucket. com/albums/ab162/LeBloggerTemplate/AvatarBlogger. png); width:35px; height:35px; }
В параметре background указывается ссылка на изображение. Если у вас что-то не получается, еще раз проверьте разрешили ли вы аватары в настройках блога. P. S. Постовой.
Кстати, насчет аватар. Есть классный сервис для создания аватар онлайн – Face Your Manga. В походах и путешествия важен рюкзак, в котором можно все разместить. Все для свадьбы – идеи, аксессуары, свадьба подарки, оригинальная организация.