Как установить чат в блог на Blogspot

понедельник, 27 сентября 2010 г.
Блог сам по себе «продукт» социальный, но его можно сделать еще более социальным если добавить к нему, например, чат. Что такое чат, думаю, никому рассказывать не нужно. Чат, от chat — болтать. Технически чат - это средство мгновенного обмена сообщениями в реальном времени.

«Чатиться» можно не только с помощью специальных программ для мгновенных сообщений (ICQ, Jabber или AOL Instant Messenger), в девяностых годах получили широкую популярность веб-чаты (хотя скорее всего, многие это помнят и без меня). Потом мода на чаты сошла на нет, но тем не менее, встретить веб-чаты все еще можно до сих пор. Кстати, если разобраться, в некоторых случаях эта технология очень удобна и вполне даже уместна.

Если вы хотите «тряхнуть стариной» и поставить себе на блог чат или вы просто считаете что он обязательно пригодиться, вам должно быть небезынтересно что реализовать это можно даже на Blogspot, причем очень просто. Решить задачу поможет сервис Yaplet. Для этого вам не потребуется подробная инструкция, Yaplet на столько просто что даже не требует регистрации.

Зайдите на главную страницу сервиса, нажмите на кнопку со щенком (напротив пункта «add a chat to your site:»). Введите адрес вашего сайта и выберите дизайн кнопки (виджета):



Установите в вашем шаблоне виджет где посчитаете нужным. В результате, вы получите кнопку по нажатии на которую читатель увидит окно чата:



Чат можно вставлять не только в качестве виджета на сайдбаре, но и на страницах сообщений. Кнопку чата можно поставить даже в браузер, да и вообще чатится на любом сайте в интернете! В общем Yaplet со своей задачей на 100% справляется, хотя кто теперь его знает нужны ли интернет сообществу чаты. В том понимании в котором они были в далеких 2000-ных с той большой аудиторией понятие чата, наверное, и "осталось". Все попытки расширить их функциональность, разместить на любом сайте, имхо, в плане развития ничего не дало, это направление интернет проектов и деятельности просто прошло.

P.S. Постовой. Пропоную відвідати сайт де зібрані корисні Відеоуроки з веб-дизайну – українською! - для тих, кто займається або планує зайнятися веб-дизайном.
Интернет-магазин Планета "Подарок" предлагает вам оригинальные и красивые подарки для мужчин, женщин, друзей и знакомых.
Если у вас проблемы со зрением, то подобрать и купить контактные линзы вы можете в специальном интернет магазине.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Простой шаблон Super Simple в дизайнере шаблонов

четверг, 23 сентября 2010 г.
В блоге разработчиков недавно появился анонс нового шаблона под названием Super Simple. По их словам это именно тот случай в разработке дизайне проекта, когда "меньше" не значит хуже, а скорее наоборот может быть весьма полезным. Для реализации задуманных целей они взяли шаблон Simple и максимально возможно упростили его таким образом, что на странице отображался лишь контент вашего блога. Подобную реализацию можно часто встретить в том же Wordpress, где так называемые минималистические шаблоны пользуются определенной популярностью у некоторых блоггеров. По сути, если формат и тематика вашего проекта это позволяет, то почему бы и нет? Зачем размещать в блоге кучу лишних деталей, когда основное это контент. Подобное справедливо, например, для фотоблогов или личных каких-то публикаций о жизни. Выглядит Super Simple, кстати, следующим образом:


Минималистический шаблон Super Simple, как и все другие, в Дизайнере Шаблонов Blogger могут быть настроены по вашему желанию и вкусам. У вас есть все необходимые инструменты чтобы не только добавлять, размещать и менять местами разные информационные блоки и секции шаблона, но и персонализировать внешний вид, стили, цветовую гамму блога для себя. И в этом, кстати, Super Simple может здорово вам помочь. То есть, допустим, вы решили сделать для своего проекта новый дизайн, разработать его с нуля таким, каким хотите именно вы, не используя при этом имеющиеся шаблоны. Без проблем - устанавливаете Super Simple и потихоньку начинаете наращивать его функциональность и "добавлять красок".


Напоминаю, что для активации шаблона Super Simple нужно зайти в раздел админки "Дизайн", где и найдете Super Simple в самом конце "простых дизайнов".


После выбора и настройки нажимаете кнопку "Применить к блогу". Конечно, при этом потеряете все предыдущие установки для другого шаблона, поэтому будьте аккуратны с этим - изменения вернуть назад не получится, разве что если вы сохраните резервную копию блога. Что же касается самого шаблона Super Simple, то он идеально подходит для всех минималистических блогов или если вы просто начинаете новый проект и еще не определились с дизайном.

Что скажете, как вам такой дизайн? Вообще используете минималистические шаблоны?

P.S. Постовой. Легко бросить курить? Отличные электронные сигареты Smoore в Киеве. Доставка сигарет по Киеву.
Если вам вдруг срочно понадобились деньги, то можно обратиться в blogohelp.blogspot.com – ломбард техники, где помогут решить эту проблему.
В интернет магазине Linzmaster вы можете купить купить контактные линзы и другие полезные аксессуары с бесплатной доставкой.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Добавляем секцию для баннеров 125х125 в блог

четверг, 16 сентября 2010 г.
Не секрет что баннерная реклама — один из наиболее популярных способов заработка блоггеров. Рекламодатель с удовольствие покупает баннерную рекламу на популярных тематических площадках. Даже если у вас пока не особо раскрученный блог, и за рекламой никто в очередь не встает, баннерами можно меняться с друзьями блоггерами, поэтому в любом случае место под баннеры не помешает. К сожаления, далеко не во всех шаблонах для предусмотрено место.

Очень часто нам попадаются красивые шаблоны для blogger, но бывает от них приходится отказываться по той причине что они не очень удобны и пригодны для монетизации (если вы конечно думаете о заработке на блоге). Поэтому, сегодня я хочу предложить вашему вниманию один из типовых вариантов - секцию под баннеры размером 125х125 пикселей. Подобный блок можно часто видеть в запаздных англоязычных блогах, почему бы не воспользоваться их опытом, за подсказку спасибо автору этого поста.

Итак, начнем: Исходные данные — шаблон, сайдбар две колонки. Конечный результат — секция из 3-х баннеров размером 125х125 пикселей над 2-х колоночным сайдбаром. В принципе, общий принцип механизма добавления секции элементов шаблона в блоге на Blogspot я уже рассматривал - сегодня будет практически то же самое, но с конкретным примером, чего так не хватало в прошлой статье.




Шаг 1.
Начинаем как обычно с того что заходим в «админку» блога, закладка «Дизайн» → «Изменить HTML».

Шаг 2.
Находим следующий фрагмент кода или подобный:
<div id='sidebar-right'> <b:section class='sidebar-right' id='sidebar-right' preferred='yes'>
id может быть различным, например, «sidebar», «right-sidebar» или указанный выше. Разобраться несложно, нам нужно самое начало сайдбара.

Как только вы его обнаружите, вставьте перед (потому что наша секция будет выше сайдбара) этим фрагментом следующий код:
<div id='sidebar2'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
</b:section></div>
Шаг 3.
Определим стиль секции. Добавим перед CSS стиль (если вы не знаете куда вставлять, ищите тэг ]]></b:skin>, можно вставить сразу перед ним):

#sidebar2 {
float : right;
margin-left:4px; width: 415px; background:#ffffff;
font : 11px Verdana;
}
#sidebar2 .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#sidebar2 .widget h2, #sidebar2 h2 {padding-left: 10px;
text-align:center;padding-left: 18px;
font: 12px/34px "Georgia", Verdana;
text-transform: uppercase;
color: #ffffff;
background: url("http://i263.photobucket.com/albums/ii150/mohamedrias/sidebar_title-2.gif") repeat;font-weight:bold;
}
#sidebar2 a {
color: #969696;
font-size : 12px;
text-decoration : none;
}
#sidebar2 a:hover {
color: #969696;
text-decoration : none;
}
#sidebar2 ul {
border : medium none;
margin : 7px;
padding : 0;
}
#sidebar2 ul li {
list-style-type : none;
border-bottom : 1px dotted #87581f;
margin : 0;
background-position : 0% 100%;
padding-left : 8px;
padding-right : 10px;
line-height : 15px;
padding-top : 5px;
padding-bottom : 5px;
}
#sidebar2 ul li a {
text-decoration: none; background: url(http://i263.photobucket.com/albums/ii150/mohamedrias/side_li_bullet.gif) no-repeat; padding:0 0 0 12px;color: #87581f;
}

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

Шаг 4.
Пока с кодом покончено, переходим на вкладку «Элементы страницы», где видим новую секцию. Добавляем в нее HTML/JavaScript виджет со следующем кодом:

<div class="sidebar-ads">
<div class="sidebar-banner"><a href="#">
<img border="0" src="#"/></a></div>
<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="#" /></a></div>
<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="#" /></a></div>
<div class="clear"></div><p><a href="mailto:ваш e-mail, ссылка на страницу с тарифами или ссылка на сервис Rotaban" title="Разместить рекламу">Разместить рекламу</a></p>
</div>
Внимание! Как вы понимаете вместо «#» там где «a href=» нужно вписать ссылку по которой ведет баннер, там где «src="#"» - ссылку на картинку баннера в формате 125х125.

Обратите внимание, под баннерам будет ссылка «Разместить рекламу» или «Advertise here», вы можете поставить ссылку на страницу с тарифами на размещение рекламы. Если таковой у вас нет, ваш e-mail или что-то еще.

Шаг 5.
Напоследок добавим стили для баннеров (туда же куда добавляли стили секции):

/* Sidebar – Ads */
.sidebar-ads {
float: left;
width: 410px;margin-left:5px;
margin-bottom: 5px;
}
.sidebar-banner {
padding: 5px;
float: left;
}
#sidebar2 p {background:url(http://i263.photobucket.com/albums/ii150/mohamedrias/adsdotdot-1.gif) no-repeat center left; margin-top:5px;text-align:right;padding-right:10px;}
Следует сказать, что данный метод тестировался на старых шаблонах, возможно с применением нового Дизайнера Шаблонов в Blogspot структура и специфика HTML код будет несколько иная. В таком случае, придется самому уже додумывать принцип работы. Кроме того, если у вас не получается продать рекламу самостоятельно, можете воспользоваться услугами биржи баннерной рекламы в блогах Rotaban. После регистрации добавляете в биржу свой сайт, а взамен получаете код, которые нужно будет разместить в блоге. Там, в принципе, есть некоторые нюансы, но в целом суть процесса остается неизменной.
На этом можно считать дело законченным, осталось только продать баннеры, чего я вам и желаю!

P.S. Постовой. Для всех читателей кому не безразличная автомобильная тематика, будет интересно глянуть фотографии автомобилей различных марок, красивые тюнинг модификации и уникальные авто.
Затишно і комфортно обставити меблями свій офіс у Львові вам допоможе фабрика меблів - замовляйте шафу-купе, вбудовані меблі та різноманітні інші конструкції.
Тем, кто просто не может жить без общения с друзьями в интернете, рекомендуем скачать jimm бесплатно для установки аськи на свой мобильный телефон.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Яндекс Бар - проверка орфографии, доступ к Яндекс Деньгам и многое другое

Рыская по просторам интернета от случая к случая можно наткнуться на предложение установки какого – либо бара для браузера. В привычном понимании людей, далеких от компьютерных тем, слово бар или даже bar ни коим образом не вяжется с различными программами. Так что же действительно подразумевается под собой данный термин. 
Если обратиться к электронным словарям, то можно дословно подчеркнуть следующее: «Бар это специальное программное расширение, работающее в паре с каким-либо браузером, имеет в своем наборе комплекс различных инструментов активизирующихся при определенных командах". Эта небольшая программка может быть разработана как для firefox или internet explorer, так и для любого другого популярного браузера (Opera, Google Chrome). Очень часто путаются два понятия плагин и бар. Чтобы понять, почему, уточним значение.
Плагин – программный модуль, подключаемый к основной программе динамическим методом, для целей связанных с расширением либо усовершенствованием основных функций. Слово плагин идет от английского plug-in,и может быть переведено как модуль. Т.е. как можно видеть, у бара и у модуля функции практически одинаковы, но плагины работают на более низком уровне и дают возможность просматривать различные форматы изображений, роликов, либо блокировать их при желании. 
Как пример одного из самых успешных и наиболее часто рекламируемых баров для браузера можно выделить яндекс бар. Это программное решение включает в себя просто массу различных и полезных функций. Например, если скачать и установить себе такое дополнение вы сможете быть в курсе погоды, пробок на дороге, состоянием валютных котировок и прочего.  Очень полезными для рядового пользователя будут следующие функции:
  •  - исправление опечаток; 
  • - визуальные закладки; 
  • - перевод текстов простым наведением курсора мыши; 
  • - проверка орфографии 
Кроме перечисленного имеется ряд специальных улучшений, благодаря чему скорость и точность поиска значительно увеличиться.  Если вы уже обладаете аккаунтом на одном из сервисов Яндекса, тогда вы сможете установить еще парочку инструментов. К примеру, появятся функции уведомления о поступлении новых сообщений из почтового ящика, новостей яндекс-фоток, комментариев на блог платформе я.ру, плюс к этому будет встроена удобная лента новостей.
А если вы имеете кошелек Яндекс Деньги, то теперь совершать операции с Яндекс-деньгами станет значительно проще.  Подавляющее большинство баров для браузеров распространяются бесплатно, однако некоторую выгоду создатели данного класса программ все же извлекают. Например, все тот же yandex bar собирает данные о ваших поисковых запросах, анализирует их и передает в центр обработки. Тем самым улучшается качество поиска и вероятность правильного ответа.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки: ,
Как вам пост?   

Шаблоны для Blogger в стиле «гранж» (grunge)

вторник, 7 сентября 2010 г.
После введения в работу нового Дизайнера Шаблонов от Blogger необходимость в поиске, установке и настройке большинства сторонних шаблонов попросту отпала. Многие из существующих простых дизайнов можно очень легко настроить и применить для своего блога стандартными механизмами системы Blogspot. Тем не менее, данный сегмент рынка еще рано списывать со счетов полностью - некоторая часть нестандартных шаблонов с большим вполне может нам пригодиться. Это, как правило, дизайны с большим числом оригинальных графических элементов с необычным расположением блоков.

Одним из таких "альтернативных" вариантов источников шаблонов можно назвать актуальный ныне стиль гранж, который конечно же, находит свое отражение и на платформе Blogger. В рунете среди blogspot-блогов представителей “гранжевой школы”, не так много, но они все же встречаются. Почему нет? Ведь шаблонов в стиле «гранж» предостаточно! Если хотите (и можете) попробовать реализовать что-то в этом направлении самостоятельно, могу посоветовать скачать неплохую подборку гранж (grunge) текстур для фотошопа. Для всех остальных предлагаю вашему несколько разноплановых гранжевых шаблонов.

Old Black

Old Black — неплохой и (что немаловажно) достаточно универсальный шаблон. Как в плане функциональности, так и в плане дизайна (который весьма умеренный для гранжа). Из полезностей - область для баннеров 125х125. В целом, как мне кажется, вполне достойный шаблон. В сайдбаре имеется список тегов, последних постов и архив блога. Общее впечатление весьма положительное, шаблон не слишком агрессивен, как жто бывает в стиле гранж, просто использует соответствующие цветовые решения.

Greyzed

Greyzed - немного мрачноватый (как это и должно быть) двухколоночный шаблон в стиле «гранж». Этот шаблон являет адаптацией шаблона WP. По сюжету вполне нейтрален, поэтому может использоваться для самых разных по тематике проектов, хотя больше всего подходит для каких-то экстремальных сайтов. Сайдбар находится слева.

Long Drive

Long Drive — так же имеет всего две колонки, но обладает менее нейтральным сюжетом. В плане «конструкции» шаблон весьма традиционен - текст слева, справа сайдбар с тегами, последними постами и архивом. Графика в шапке блога и название наталкивают на тематику в стиле путешествий, поездок и туризма.

Panorama

Panorama — яркий представитель дизайна в стиле «гранж». На мой взгляд, с некоторой оговоркой шаблон отлично подойдет для блога посвященного путешествиям, путевым заметкам и так далее. Panorama - то же адаптированный 2-х колоночный шаблон WordPress. На сей раз разработчики позаботились так же о наличие социальных кнопок после поста (хотя этим уже вряд-ли кого удивишь). Убедитесь что такой же шаблон не используют ваши друзья или конкуренты!

P.S. Тем, кто лишь начинает свой путь в интернет бизнесе будет полезна Справочная служба WebMoney - информация и консультации по платежной системе Вебмани.
Чтобы быть сильным, бодрым и не болеть купите домой спортивный тренажер для регулярных занятий спортом.
Практически ничто не может поднять девушке настроение так как парфюмерия, приятные духи или декоративная косметика.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Новые виджеты в Blogger - статистика и популярные посты

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

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

Так, заглянув на днях в виджеты Blogger, я неожиданно для себя обнаружил эту самую "обновку". Видимо, виджеты стали продолжением или результатом работы над встроенной в blogspot статистикой. Теперь у блоггера появилась возможность не только созерцать ее лично, но и похвастаться читателям. Для этого используется виджет «Статистика блога», отображающий общее количество просмотров сайта. Пока что он доступен лишь в Черновиках Блоггера.



Как видите на выбор предлагаются довольно симпатичные варианты оформления счетчиков. Правда, как мне кажется, устанавливать такой счетчик есть смысл только в том случае, если вы открываете новый блог, поскольку он может показать только то количество посетителей, которое посетило блог с того момента ввода в эксплуатацию системой Blogger сервиса статистики (до этого посетителей никто не учитывал).

Для установки виджета заходите, во-первых, в черновики draft.blogger.com, а во-вторых, в разделе "Дизайн" кликаем по одной из ссылок "Добавить гаджет". После этого находим в самом верху "новинки" - нам нужна "Статистика блога".



Второй интересный виджет "Популярные сообщения" (Popular Posts) позволяет вашим читателями и посетителям быстро узнать и найти самые просматриваемые статьи в блоге. В принципе, это то, что я и хотел, только вот жаль нет отображения количества просмотров для постов. Для гаджета идет несколько параметров настройки:



Устанавливается он как и первый в черновика системы Блоггер draft.blogger.com. В общем, тестируйте, проверяйте. В качество положительного момента можно заметить, что использование "родного" виджета позволит значительно уменьшить нагрузку на блог если заменить им какой-то из сторонних скриптов для вывода популярный статей блога.

P.S. Постовой. В Блоге рекламиста достаточно много полезных тем - монетизация интернет проектов, SEO, SMO, интернет-маркетинг и другие.
Также советую почитать статью про копирайтинг как способ заработка в интернете - полезная информация начинающим.
Вы можете скачать фотошоп cs3 бесплатно без регистрации - полезно для вебдизайнеров.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails