Как добавить аватары (мини-изображения) к комментариям на блогах.

Как добавить аватары (мини-изображения) к комментариям на блогах.

Прежде чем мы начнем эту заметку, давайте разберемся с таким понятием, как аватары. Что же это такое? Я уверен, что Вы с ними уже не раз встречались, просто, может быть, не знали, что они так называются.

Аватара – это мини – изображение, которое появляется рядом с комментарием оставленным пользователем на блоге, форуме и.т.д.

Например, она может выглядеть вот так:

Или так, в виде мультяшки

В любом случае, с помощью аваторок создается впечатление, что ты общаешься с живым человеком, и появляется некий образ, который ассоциируется с ним. Это придает общению более интересный характер.

Давайте попробуем и мы с вами добавить себе аватару, самое интересное заключается в том, что добавлять мы ее будем только один раз, а отображаться она будет сразу на множестве блогов, где поддерживается эта функция. Вам даже не нужно будет на каждом из них регистрироваться.

Такое стало возможным благодаря одному полезному сервису http://www.gravatar.com. Он англоязычный, но не беспокойтесь, я сейчас постараюсь дать инструкции, как им пользоваться.

Все работает очень просто. Сервис привязывается к Вашему e-mail адресу и в тех комментариях, в которых вы его указываете, появляется ваша аватара.

Итак, пошаговый процесс добавления своей аватары.

1 Шаг. Загружайте сайт этого сервиса и переходите по ссылке Sign up now!

2 Шаг. Вводите свой e-mail адрес, и на него придет письмо примерно такого содержания:

Переходите по соответствующей ссылке. Это стандартная процедура активации.

3 Шаг. Необходимо придумать себе прозвище (Nickname) (по которому можно будет войти в аккаунт) и пароль (Password). Важно, чтобы эти поля были заполнены строчными буквами, без пробелов и знаков препинания.

Примечание. Почему-то сервис плохо работает с браузером Opera, и зарегистрироваться с его помощью не удалось. Пришлось воспользоваться Firefox.

4 Шаг. Войдите в свой аккаунт и перейдите по ссылке Add one by clicking here!

5 Шаг. Приготовьте на своем домашнем компьютере мини-изображение. Очень важно сделать его квадратным, размером где-то 80*80 пикселей. Это можно сделать в графическом редакторе Photoshop.

Как изображение будет готово, можете загружать его по ссылке My computer’s hard drive.

6 Шаг. Выберите разрешенный рейтинг аватары для показа.

Что каждый из них обозначает:

X – может содержать "хардкор сексуальные изображения" или "крайне тревожное насилие".

R – может содержать такие вещи, как "жесткую ненормативную лексику", "интенсивное насилие", "обнаженных людей", или "жесткие наркотики".

PG – может содержать "грубые жесты", "провокационно одетых людей", "ругательные слова", или "мягкое насилие".

G – подходит для показа на всех сайтах и с аудиторией любого типа.

Вот и все. После 6 несложных шагов, у вас появляется возможность оставлять вместе с комментарием свое мини-изображение.

Теперь давайте поговорим, как можно добавить такую функцию на свой блог WordPress. Еще один пошаговый процесс:

Шаг 1. Скачайте плагин по этой ссылке Easy Gravatars.
Шаг 2. Распакуйте и скопируйте файлы в папку плагинов вашего блога /wp-content/plugins/
Шаг 3. Активируйте его в администраторской панели.
Шаг 4. Переходите в раздел Настройки – Easy Gravatars

Давайте посмотрим, что обозначает, каждая опция

Size, in pixels (maximum: 80): размер аватары в пикселях, максимально возможный 80 пикселей.

Allowed Rating: разрешенный рейтинг аватарки. О нем мы уже говорили выше.

Default image url: путь к изображению, которое будет выводиться у тех комментаторов, у которых аватара не установлена.

Span style: CSS стили для контейнера (span), в котором будет показываться аватарка.

Я установил следующие:

float:right; margin-left:10px; display:block

API Hook: определяет место, где будет показываться аватарка.
Comment Autho Link – рядом со ссылкой автора комментария,
Comment Text – рядом с текстом комментария.

На этом все. Желаю Вам узнаваемости и приятного общения на просторах Интернет.

P.S. Если Вы хотите, чтобы люди на вашем блоге чаще использовали аватары, то можете разместить эту инструкцию у себя на сайте, только оставляйте также ссылку на этот блог. Ответная ссылка в разделе «Информационный спонсор» за это гарантируется.

Информационный спонсор:

1. http://zhizn.zarinet.ru/

2. http://chekalov.com/

3. http://ashifin.net

4. Здесь может быть ссылка на Ваш сайт

Понравилась заметка?
Получайте подобные на e-mail.





***

167 комментариев: Как добавить аватары (мини-изображения) к комментариям на блогах.

  1. Büro Mobilyaları говорит:

    хороший сайт, информативно и поучительно … edicem непрерывный контроль сайт

  2. koltuk yıkama говорит:

    Thank you very useful page

  3. koltuk yıkama говорит:

    Thank you very much for giving us such information

  4. koltuk temizleme говорит:

    Congratulations to a site that deserves comment

  5. koltuk temizleme говорит:

    liked it very much would like to thank your page to help

  6. blank names говорит:

    business in terms of visual and very wise and very beautiful

  7. end domains говорит:

    Congratulations to a that deserves comment

  8. katalog говорит:

    i want to find site my second visit to your site! I really enjoy your turkey

  9. konteyner говорит:

    средний уровень и в этом духе. Благодарю за обратную связь.

  10. Oto anahtar говорит:

    different but nice comments

  11. Metal Etiket говорит:

    Thank you for your information

  12. Tel Çit говорит:

    thank you very much

  13. yalıtım говорит:

    Thank you for the great ideas

  14. Oto Yedek Parça говорит:

    Thank you very much for your comments

  15. Bilgisayar Masası говорит:

    great ideas to give a very nice site

  16. Tv Ünitesi говорит:

    different but very nice site thank you for informing

  17. Jeep Kiralama говорит:

    really liked your site

  18. Jeep Kiralama говорит:

    Thank you for sharing this information

  19. Jeep Kiralama говорит:

    health effort, while very nice site

  20. Doğalgaz Servisi говорит:

    was a very interesting site I congratulate

  21. Gomme Rezervuar говорит:

    This site has been so great I found a very different

  22. Kombi Servis говорит:

    I am following a very successful site that you are constantly seeing

  23. lastik говорит:

    a great informative site comments

  24. Melamin говорит:

    hank you good ideas

  25. Melamin говорит:

    Thank you good ideas

  26. Eyüp evden eve Nakliyat говорит:

    I am happy to read a lot of useful information here in the post. Thanks for sharing it here.

  27. Eyüp evden eve Nakliyat говорит:

    interesting but also informative blogs

  28. kadıköy evden eve говорит:

    Thank you beautiful blogs

  29. kadıköy evden eve говорит:

    I follow your site constantly and I see that you are very successful.

  30. Site Ekle говорит:

    Adan Zye Bilgi Merkezi (www.istatistikcim.com),her bransta yuksek lisans ve doktora ogrencilerinin, tipta uzmanlik ogrencilerinin ve tum akademisyenlerin bilimsel calismalarinda profesyonel destek hizmeti veren bir sirkettir.

  31. amortisor говорит:

    This is one of the most awaited event most designers are looking forward to. I’ll definitely be part of this activity. Can’t wait to see new amazing vector designs

  32. vob haber ajansı говорит:

    vob haber ajansı

    Turkey and the world’s major current haberlrini share with readers.

  33. vob haber ajansı говорит:

    Turkey and the world’s major current haberlrini share with readers.

  34. mermer говорит:

    You can find all the information you are looking for on our site are handmade

  35. Jiletli Tel говорит:

    was a very nice site

  36. sharing has been a nice thank you

  37. Bahçelievler evden eve говорит:

    Belongings in a very short period of time for security purposes, all packed and transported.

  38. Bahçelievler evden eve говорит:

    A huge variety of sizes for vehicles that can easily carry the necessary items for you.

  39. Bağcılar Evden Eve говорит:

    Transportation in our company are different sizes, means of transport.

  40. Bağcılar Evden Eve говорит:

    Storage needs, our company owned stores to rent the one that suits you.

  41. İzolasyon говорит:

    To heat our homes, provide heat insulation to have an obligation to protect. Because life mekanlarımızı need to prevent leaking out heat to keep warm.

  42. Bahçe Teli говорит:

    Decorative wire mesh, fence, lawn, garden wire types, garden door systems

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>