К основному контенту

Бесплатный чат и мини чат для блога

чат для блога
В этой статье пошагово объясню как добавить чат и мини чат в блог. Напомню, что в прошлой статье я рассказал как создать favicon, в этой же статье расскажу о том как заставить посетителей вашего блога остаться как можно дольше, для этого мы добавим в наш блог чат. Речь пойдет о двух чатах для вашего блога. О большом чате и мини чате. Большой чат мы возьмем с сайта Yaplet.com(специализированный сайт по добавлению бесплатных чатов в сайты и блоги). Давайте перейдем на него.


чат для блога

где нажимаем на зеленую картинку "Chat here", открывается следующее окно
скачать чат для блога
на этой же странице ниже мы видим перечень дизайнов чатов для нашего блога, выбираем более симпатичный и копируем один из скриптов напротив него, различие в том где будет иконка чата (pop-up-сверху, side bar-сбоку)
чат для блога
Скопировав необходимый скрипт заходим в блог в который хотим установить чат, а именно в Настройки/Дизайн/Элементы страници и выбираем "Добавить гаджет" в том месте где вы хотите чтобы находилась эмблема чата
скрипт чата для блога
В окне выбора гаджето выбираем "HTML/JavaScript"
скрипт чата для блога
затем вставляем скопированный скрипт в поле гаджета, не забыв предварительно назвать его, например как на картинке
скачать чат для блога
нажимаем сохранить - у вас теперь есть чат в блоге. Чтобы его открыть надо просто нажать на значок чата, как на картинке
чат для блога
Как видите мы установили достатьчно большой чат в наш блог. Теперь давайте посмотрим как установить мини чат. Для этого воспользуемся инструментом Google Talk.
Зайдем в нестройки блога Дизайн / Элементы страницы нажмём добавить гаджет в любом удобном вам месте. Появляется уже привычная меню для выбора гаджетов. В ней в поле поиска  введем "chat" и нажмем синюю кнопку поиск. Как изображено на рисунке.
мини чат для блога
Поисковая система найдет вам несколько гаджетов, вы выбирете гаджет Google Talk его автор digji.com. Посмотрите на рисунок ниже - на нем видно как выглядит этот гаджет.
мини чат для блога
Нажимаем добавить - это синий плюсик на картинке и ваш гаджет добавлен.
мини чат для блога
Вот так он выгляди. Для того чтобы начать разговаривать нужно пригласить в него друзей. Обратите внимание, что для этого не обязательно скачивать и устанавливать полуторомегабайтный плагин Google Talk. Что не совсем удобно, ведь не у всех посетителей может быть установлен Google Talk. Давайте сделаем так, чтобы любой посетитель смог чатиться с вами без регистрации. Для этого вам нужно скачать и установить себе плагин Google Talk и добавить в ваш блог гаджет HTML/JavaScript. В который необходимо вставить следующий код:
<iframe allowtransparency="true" width="200" frameborder="0" src="http://www.google.com/talk/service/badge/Show?tk=z01q6amlqp93m2f9itvtg00mr1bvafh5600mg0cr3op970ijeseo1ukve561h3vkdk887m21g47lnpn1qtinnmktee6u5gj8oqs8khfupjnj5v2pa3pmrp9juadbii1rbd454rkqudnmerq5uoh63qp2s1h6kfo3uotct884s060rtfu24cai1hbr127e0bglc4&w=200&h=60" height="60"></iframe>
мини чат для блога
     Вот так выглядит этот чат. На рисунке видно, что чат не работает, т.к. я Offline, т.е. не включил плагин Google Talk, чтобы чат заработал, скачайте этот не большой плагин и активируйте его, тогда чат заработает.

Комментарии

  1. К сожалению, Google Chrome не может открыть страницу www.yapplet.com.
    Снова откройте страницу: www.­yapplet.­com
    Есть ли ещё похожие чаты?

    ОтветитьУдалить
  2. Да конечно есть. Вот почитайте про этот:
    http://bloggfast.blogspot.com/2011/07/udobnyi-chat-dlya-blogger.html

    ОтветитьУдалить

Отправить комментарий

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

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

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж

Открыть несколько ссылок одним кликом мыши

Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько. Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a>   Вставьте свои ссылки, увеличьт