Меню главной страницы

Ну, вот мы, наконец, и добрались до собственно создания сайта. Надеюсь, что Вы прочитали кое-что о HTML, чтобы хоть примерно представлять себе, что это такое и как выглядит. Разумеется, это касается только тех, кто до этого о HTML ничего не знал или только слышал. Впрочем, поскольку, повторяю, я и сам в этом не очень силен, объяснять буду так, как разбирался сам, то есть очень подробно, и, надеюсь, все будет понятно и без знания HTML. Чтобы не делать лишней работы, мы сначала отредактируем под свои нужды шаблон одной, например, главной страницы сайта. Потом этот отредактированный шаблон, как основу, можно будет скопировать на другие страницы, после чего стиль каждой страницы уже будет редактироваться окончательно. Итак, приступим.
Входим а панель управления, а оттуда - в раздел "Дизайн" главной страницы. Открываем закладку "Изменить HTML". В самом верху страницы видим надпись "Сохраните копию шаблона, прежде чем вносить в него изменения". Давим на ссылку "Загрузить весь шаблон" и на всякий случай сохраняем его. После этого приступаем к корректировке шаблона.
Начнем с меню сайта. Просматриваем весь шаблон и где-то в середине его или ближе к концу находим примерно следующий код (не разноцветный, конечно):

<div id='foxmenucontainer'>

<div id='foxmenu'>

<ul>

<li class='page_item current_page_item'><a href='http://www.btemplate.ru'>Ссылка 1</a></li>

<li class='navlinks'><a href='YOUR-LINK-HERE'>Ссылка 2</a></li>

<li class='navlinks'><a href='YOUR-LINK-HERE'>Ссылка 3</a></li>

<li class='navlinks'><a href='YOUR-LINK-HERE'>Ссылка 4</a></li>

<li class='navlinks'><a href='YOUR-LINK-HERE'>Ссылка 5</a></li>

</ul>

</div>

</div>

Код может несколько отличаться, в зависимости от того, какие пункты имеются в установленном Вами шаблоне и как оно оформлено (я для примера взял шаблон "Charcoal2"), но большой разницы быть не должно. Поймете, что делать с этим шаблоном - разберетесь и с любым другим.
Если Вы не хотите, чтобы меню Вашего сайта вело на сайт Btemplate.ru, надо вырезать и удалить строчку (строчки), выделенные красным цветом. Сохраните изменения и просмотрите страницу. Первая ссылка меню с вашего сайта исчезла.
Теперь прикиньте, сколько Вам нужно пунктов в главном меню и сколько их там (с соответствии с Вашим шаблоном) может уместиться. Не знаете? Вернитесь в редактор HTML скопируйте строчку
<li class='navlinks'><a href='YOUR-LINK-HERE'>Ссылка 2</a></li>
и несколько раз вставьте в код, чтобы их стало не четыре, а 5, 6, 8... После каждой вставки сохраняйтесь и смотрите страницу. Как только меню подошло к краю страницы, остановитесь. Вышло за край или перешло на вторую строчку - уберите лишние строки.
Теперь в каждую такую строчку вместо слов YOUR-LINK-HERE вставляете полный адрес (с http://) нужной страницы Вашего сайта, а вместо Ссылка 2 - название пункта меню. Сохраните отредактированный шаблон. Ну, вот, Ваше меню готово.
В следующий раз мы попробуем несколько расширить его функции, установить свой favicon и, возможно, сделать еще что-нибудь...
Удачи! Пока.

Однообразное разнообразие

Читая сегодняшнюю запись, можно слегка расслабиться - сегодня не надо будет что-то понимать или в чем-то разбираться. Мы просто порассуждаем о том, как, сохранив единое оформление всех страниц нашего сайта, сделать их разнообразными по содержанию, причем не только основного текста, но и боковых колонок. Итак, что же нужно для того, чтобы, казалось бы, совсем разные страницы нашего сайта воспринимались посетителем как единое целое?

О главном условии этого единого стиля мы уже говорили - в основе оформления всех страниц сайта должен лежать один и тот же шаблон. Это безусловно, необходимое, но не единственное условие внешнего однообразия страниц. Например, представляется совершенно естественным, чтобы все пункты главного меню на всех страницах совпадали (пару-тройку раз встречал сайты, где на разных страницах в меню были разные ссылки). Я уже молчу о том, что это неудобно для перемещения по сайту, но это же просто некрасиво и сразу бросается в глаза. Типы, размеры и цвета шрифтов также должны быть одинаковыми, по крайней мере неразличимы невооруженным взглядом.

Кстати, о взгляде... Человек, резко переходя от одного изображения к другому, не в состоянии сразу охватить взглядом все изображение, особенно если на нем есть какие-то резко контрастирующие с общим фоном зоны, месторасположение которых резко отличается от месторасположения таких же контрастных зон на предыдущем рисунке. Ну, а если, к тому же, и фон у изображений примерно одинаков, то при резкой смене таких изображений, например, на экране монитора, глаз, а следом - и мозг человека - будет испытывать откровенный дискомфорт. Во избежание этого сменяемые рисунки надо подбирать таким образом, чтобы те их элементы, которые в силу своей яркости и контрастности сразу привлекают внимание, располагались на всех рисунках примерно в одном месте. Оптимальный вариант такого подбора должен привести к тому, что человек при смене изображения в первый момент вообще не заметит разницы.Часть этой работы за нас уже сделали разработчики шаблона, но и мы можем внести в это дело свою лепту. Предположим, на страницах Вашего сайта установлен яркий, броский информер часов или погоды (или любой другой гаджет, не несущий информации, важной именно для той страницы, на которой установлен). Установите их в одном и том же месте на каждой странице и переход с одной странице на другую станет заметно комфортнее. Если Вы, как на моем сайте используете новостные блоки, Установите их примерно, а лучше, точно в одном месте, пусть они даже и называться будут по другому. То же самое и с блоками контекстной рекламы и с баннерами, особенно большими и контрастными с основным фоном (впрочем, это, признаюсь, спорно - когда при входе на страницу рекламный баннер бросается в глаза, оказавшись в том месте, где только что ничего не было, это, наверное не так уж и плохо, на то он и баннер). Хочу уточнить - все сказанное особенно важно для верхней части страниц, ведь именно они сменяют друг друга на экране монитора. Не лишним будет и установить на все страницы сайта собственный фавикон - маленькую иконку слева от названия сайта в адресной строке или панели закладок.

Когда мы перейдем к оформлению отдельных страниц, мы поговорим об этом подробнее, а пока я хочу, чтобы те из Вас, кто совершенно ничего не понимает в HTML-кодах, прочитали бы хотя бы об основах разметки web-страниц, например, вот здесь (очень просто и понятно, по-моему), чтобы хоть в общих чертах, примерно, как я, представлять, что такое теги, параметры, атрибуты, как они обозначаются в HTML-разметке и как эта разметка вообще выглядит. В следующий раз мы с Вами полезем в настройки шаблона и начнем менять в своих интересах его HTML-код. Пока. Удачи!

Страницы и поддомены

Все-таки, увлекающаяся у меня натура. Опять продолжил оформление страниц сайта и задержался с очередной записью. Многие, наверное, уже и без этой записи поняли весь механизм создания из блога многостраничного сайта и уже начали это делать. Ну, для тех, кто все же дождался появления этой записи, я продолжу. В конце концов, надо же подумать и о тех, кто будет читать эти записи позже, уже после создания нами сайта. Чтобы они смогли воспользоваться этим механизмом создания собственного ресурса, пропускать ничего нельзя. Поэтому переходим к существу вопроса...
Прежде всего, необходимо определить количество, содержание и условные названия страниц будущего сайта. Исходить при этом, естественно, каждый будет из того, какую информацию он хочет донести до посетителей и на какие разделы он хочет ее разбить. При этом то количество страниц, которые Вы укажете в главном меню сайта ограничено только размерами панели меню (об этом мы поговорим позже). Если Вы хорошо знаете HTML, вы сможете в настройках HTML на вкладке "Дизайн" изменить размеры и форму этой панели, но большинству пользователей, не уверенных в своих силах и знаниях, я это делать не рекомендую. В конце концов, если Вы хотите создать на сайте больше страниц, чем умещается на панели меню (обычно, это порядка десяти страниц), Вы можете на каких-то страницах при помощи гаджетов, например, "HTML" или "Ссылки", сделать дополнительные меню, а на некоторые страницы вообще лучше сделать переход по ссылкам прямо из текста страницы, так что с количеством страниц особо не заморачивайтесь, хотя и не сильно увлекайтесь - делать все эти страницы Вам придется вручную. Определились? О чем будут страницы, придумали? Теперь придумывайте для каждой из них желательное имя в виде поддомена в ранее зарегистрированной Вами доменной зоне. Готово? Тогда заходим в панель управления Вашим доменом...
К сожалению, все панели управления доменами разные, поэтому где что нажимать я Вам не скажу, только общие инструкции. Первым делом добавляем запись типа А для поддомена www.ваш_домен.ru (я пишу ru условно, для наглядности - ведь ваш домен может быть и в другой зоне, например, ua или by). В этой записи прописывается IP-адрес, по которому фактически находится Ваш ресурс. В данном случае Вы должны указать один из следующих IP-адресов: 216.239.32.21, 216.239.34.21, 216.239.36.21 или 216.239.38.21. После этого переходим к добавлению CNAME-записей. Запись CNAME делается для каждого придуманного Вами поддомена, например, usename.ваш_домен.ru. В этой записи также прописывается сервер, управляющий Вашим ресурсом, но в другом виде. Запись эта для всех ваших поддоменов одинакова и имеет следующий вид: ghs.google.com. (с обязательной точкой в конце). Внесенные изменения, как правило, вступают в силу в течение часа, но бывает и дольше. Собственно, все. Сохраняем созданные записи и возвращаемся на Blogger.com.
В панели управления Blogger.com для каждого созданного нами поддомена с CNAME-записью "ghs.google.com." создаем по новому блогу с произвольными именами типа поддомен_ваш_домен.blogger.com и названиями, хоть немного отличающимися одно от другого, чтобы Вы сами могли переходить к нужному блогу в панели управления. Дизайн, как обычно, любой из стандартных. После этого из панели управления входите в раздел "Настройки" каждого блога и открываете вкладку "Публикация". Переходите по ссылке "Персональный домен", а с открывшейся страницы - по ссылке " Перейти к расширенным настройкам". На открывшейся странице в соответствующем окне пишете адрес этой страницв в Вашем домене в виде поддомен.ваш_домен.ru, игнорируете следующий пункт и, написав проверочный графический код, давите на кнопку "Сохранить настройки". Ваша страница должна быть доступна по указанному Вами адресу. Главную страницу Вашего сайта разместите по адресу www.ваш_домен.ru, а после сохранения настроек поставьте галочку (только для этой страницы!) в открывшемся окошке "Переадресовать ваш_домен.ru в www.ваш_домен.ru" и вновь сохраните настройки. Теперь Ваша главная страница будет доступна не только по адресу http://www.ваш_домен.ru, но и просто http://ваш_домен.ru.
Давайте на этом сегодня закончим - Вам пока есть, чем заняться, а в следующий раз поговорим о том, как оформить все страницы сайта в одном неповторимом стиле. Пока.
Удачи!

И еще о гаджетах...

Вы, наверное, обратили внимание, что за прошедшие с прошлой записи три дня блог заметно изменился - появились новые пункты меню, каждый пункт ведет на свою страницу (правда, пока не наполненную материалом, но все страницы уже оформлены в едином стиле, по одному и тому же шаблону) или на форум, каждая страница, кроме блога (это временно, пока в нем не будет подробно описано это действие) имеет собственный поддомен, а главная страница размещена на домене, вполне созвучном названию ресурса, форум и почта (ссылка на нее в правом нижнем углу каждой страницы) также уже вполне работоспособны и привязаны к новому домену, к тому же, как и все на этом ресурсе, совершенно бесплатны. Это я к тому, что три дня не были потеряны, просто я занимался развитием сайта, чтобы потом описать этот процесс - я ведь как-то говорил, что предлагаю Вам только то, что проверил и смог сделать сам.
А теперь давайте закончим разговор об оставшихся гаджетах, тем более, что большинство из них каких-то особых пояснений не требуют - в них все понятно, и на крайний случай есть русскоязычная подсказка. Поэтому остановлюсь только на нескольких.
В гаджете "Новости" настраивается название, ключевые слова и окно, в котором откроется новость. Название, естественно, должны выбрать Вы. Часто бывает, что название вообще не нужно, тогда оставьте это поле пустым. Галочку в окошке "Открывать ссылки в новом окне" лучше поставить, а то заинтересованный новостью посетитель уйдет с Вашего ресурса и забудет вернуться. А вот на подборе ключевых слов и выражений (они вписываются в окошко "Поиск выражений") давайте остановимся подробнее, тем более, что настройка по ключевым словам и выражениям часто встречается и в других гаджетах, например, "Показ слайдов" или "Панель видео".
Дело в том, что при всем развитии современной техники поисковый робот, а именно он из потока новостей выискивает ту, что нужна Вам, все-таки довольно туповат. Он не понимает, чего Вы хотите, а всего лишь тупо ищет конкретные слова или группы слов, которые Вы ему заказали. Попробуйте в окне "Поиск выражений" набрать слово "Онлайн". В окне просмотра Вы увидите найденные ссылки. Поменяйте ключевое слово на "Online", что, как Вы понимаете, то же самое. Ссылки в окне просмотра изменились, причем иногда полностью. С одной стороны, это плохо, поскольку не дает Вам возможности в одном блоке собрать все новости по нужной Вам теме, а с другой - хорошо, поскольку одинаковые блоки на разных страницах сайта будут по разным ключевым словам одной тематики показывать различную информацию, что даст Вам возможность иметь на Вашем сайте совершенно одинаковые по оформлению и совершенно разные по содержанию блоки на тему сайта. Возможности расширяются, если Вы вместо ключевых слов будете вводить ключевые фразы или словосочетания. Согласитесь, таких словосочетаний может быть значительно больше, чем отдельных слов, значит и результатов поиска будет больше. Ну, а если Вы хотите в одном блоке собрать несколько тем новостей, то слова или словосочетания разделите запятыми, при этом поисковый робот то, что расположено между запятыми будет расценивать как одно словосочетание, а то, что после запятой - как другое. Как при этом будет выглядеть блок можно понять посмотрев на блок "Новости онлайн-бизнеса" в верхней части правой колонки моего блога. Каждая ключевая фраза выглядит здесь как ссылка на подзаголовок новостей, поэтому, вводя ключевые слова и фразы, позаботьтесь о том, чтобы они имели приличный вид (например, начинались с заглавной буквы) и какой-то смысл, а не были бессмысленным набором слов.
И, в заключение, несколько слов о гаджете "Канал". Настройки его, как и всех остальных гаджетов, как говорится, интуитивно понятны. Вопрос может возникнуть только в том, как узнать адрес интересующего Вас канала. Вариантов несколько. Я пользуюсь двумя. Первый: в браузере Mozilla Firefox навести мышь на страницу, нажать на правую кнопку мыши, выбрать "Информация о странице" и перейти на вкладку каналов - там все написано. Вариант второй: подписаться на канал, перейти на его папку в закладках, нажать правую кнопку мыши и выбрать "Свойства".
Вот, пожалуй, и все о гаджетах. Остались вопросы - пишите в комментариях, форуме или на почту - все работает.
В следующий раз мы с вами будем создавать новые страницы сайта, называть их и, если успеем, привязывать к своему доменному имени. Пока. Удачи!

Самый лучший гаджет

Продолжаем разговор... Начнем мы его с обзора возможностей гаджета "HTML/JavaScript", а дальше - как получится. Итак, гаджет "HTML/JavaScript". Это - основной гаджет, который для знатоков вполне может заменить все остальные и, похоже, служит для них основой. Сюда можно вводить текст, картинки, ссылки, любые Java-скрипты и HTML-коды, короче, все, что заблагорассудится. А теперь от общих фраз перейдем к конкретным примерам.
1. Код информера. Информер - это по сути баннер с постоянно меняющейся информацией, которая передается ему с определенного ресурса. Поисковые машины по запросу "информер" выдадут Вам огромное количество их вариантов любой тематики, вида и размера - только выбирайте. Наиболее популярны информеры часов, погоды курсов валют и новостные, есть также информеры цен на жилье в разных городах, ну и еще всякие разные. Подбираются или настраиваются по теме блога (сайта), размеру и цвету, чтобы хорошо вписывался в дизайн Вашего ресурса. На моем блоге установлены информеры времени и даты, погоды (оба вверху правой колонки) и информер библиотеки BigBord (внизу слева).
2. Баннеры и ссылки, в том числе и партнерские. Партнерские баннеры и реферальные ссылки Вы получаете на ресурсе - организаторе партнерки. О том, как облагородить и замаскировать партнерскую ссылку (аналогично - баннер), мы уже говорили раньше (см. архив записей блога "Я-Непрофессионал" в нижней части правой колонки). Там же можете посмотреть и вспомнить, как пишется ссылка на собственный ресурс или как для рекламы своего ресурса создать простейший баннер и написать его HTML-код. Для размещения баннера, который чуть-чуть не подходит по размеру для колонки в выбранном Вами дизайне, его размер почти всегда можно изменить, добавив в код баннера (или изменив, если они уже есть), внутри тега IMG SRC через пробел после адреса картинки параметры width="185" height="150" (цифры означают соответственно ширину и высоту рисунка на странице в пикселях) и подогнав их под ширину колонки, сохраняя, конечно, пропорции рисунка. Примерами такого заполнения гаджета могут служить верхний и нижний баннеры, баннеры хостинга и регистрации доменов в левой и правой колонках, а также блоки по три ссылки в правой и левой колонках блога. Кстати, если кто хочет научиться создавать такие простенькие баннеры, как, например верхний или нижний баннеры на этом блоге, то это нетрудно, черкните в форуме - я объясню, да и может еще кто-нибудь знающий подключится...
3. Блоки контекстной рекламы. Поскольку блоки Google AdSense проще и удобнее устанавливать при помощи другого гаджета, сюда можно вставлять коды рекламных блоков, например, Бегуна ли Яндекс-Директа, хотя и блок Google AdSense, код которого получен где-то в другом месте, тоже можно установить. Порядок получения, настройки и установки кодов описан на соответствующих сайтах контекстной рекламы.
4. Счетчики посещений, кнопки участников рейтингов и т. п. Получить коды можно на том ресурсе, счетчик или рейтинг которого Вы хотите поставить. На моем блоге в самом низу правой колонки установлен счетчик от LiveInternet.Ru.
5. Вы можете, помимо того, что я здесь описал, сделать в этом гаджете еще что-то красивое или полезное. Если я о чем-то не упомянул, додумайте сами и, при желании поделитесь своими находками в комментариях или на форуме.
А я пойду отдохну и постараюсь завтра с новыми силами продолжить описания гаджетов.
Пока!

Еще гаджеты для блогов

Итак, мы остановились на подборе цвета для шрифтов и ссылок в гаджете "Постоянные читатели". Кстати, подбор тех или иных цветов и выражение их в формате RGB или НЕХ надо будет делать достаточно часто, поэтому я позволю себе немного задержать Ваше внимание на этом процессе. Способов подбора цвета и выражения его в цифровом виде достаточно много, я обычно для этого пользуюсь функциями Фотошопа, но для тех, кто с этой программой по каким-то причинам не работает, вполне подойдет так называемая таблица безопасных цветов Артемия Лебедева. Любая поисковая система предложит Вам массу таких таблиц на любой вкус - разного вида и размера, да еще и с дополнительными прибамбасами.
Кстати, мы вовремя вспомнили о поисковых системах, ведь следующим в списке стоит гаджет "Окно поиска". Будьте внимательны - многие шаблоны уже имеют красиво и, главное, в нужном стиле оформленное поисковое окно, в блогах и сайтах на основе таких шаблонов второе окно поиска точно ни к чему. Как и в предыдущем гаджете, Вы можете задать окну поиска свое название, а можете, как, например, я, вообще его не задавать, оставив окно "название" пустым. Поиск - он и есть поиск, чего его называть... Цвета и вид Вы здесь задать не сможете, а вот над заданием мест, в которых будет производиться поиск стоит задуматься. То есть, в первых двух окошках галочки можно ставить смело - пусть ищет на блоге и связанных с ним страницах, а вот подключать ли к Вашему блогу полноценный интернет-поиск Google - это вопрос. С одной стороны, это, безусловно, добавит функциональности Вашему блогу или сайту (еще бы, иметь на блоге собственную поисковую машину Google - это круто!), но не следует забывать, что Google - не Яндекс и не имеет привычки показывать результаты поиска в новом окне или вкладке. Google показывает результаты поиска в том же окне и той же вкладке, то есть Ваш посетитель, задавший на Вашем блоге поисковый запрос по всему интернету, почти неминуемо будет с Вашей страницы переброшен на страницу результатов поиска, а оттуда уйдет на найденный ресурс. Вернется ли он после этого на Ваш блог - большой вопрос. Если же Вы ограничите зону поиска страницами Вашего блога или, в крайнем случае, связанными с ними страницами, то даже оказавшись в результате поиска в окне результатов, посетитель ничего, кроме Ваших страниц и тех, что Вы ему сами хотите показать, не увидит, соответственно, никуда, кроме них перейти не сможет, и, как следствие, вернется к Вам. Вот такой, несколько неожиданный вывод...
Следующим в списке идет гаджет "HTML/JavaScript", но я о нем сегодня ничего говорить не буду. Дело в том, что данный гаджет по определению универсален, для знающего человека он может с успехом заменить все остальные. Возможности его на самом деле безграничны. Даже для меня, не очень хорошо во всем этом разбирающегося, этот гаджет оказался весьма и весьма полезен - с его помощью выполнена большая часть оформления блога, установлены почти все рекламные блоки, сделано... Слушайте, давайте, о всех тех возможностях гаджета, которые даже я смог использовать я расскажу в отдельной записи. А пока продолжим.
Гаджет "Текст". Говорить о нем нечего - ничем не отличается от того редактора, в котором я сейчас делаю эту запись, да и, по большому счету, от предыдущего универсального HTML-гаджета. Почему его выделили в отдельный гаджет - не понимаю.
Зато следующим по списку идет... Ну, конечно, он, кормилец и поилец - гаджет "Google AdSense", блок контекстной рекламы, который при правильном обращении должен, по идее, обеспечивать блоггера хлебом насущным. Для настройки этого гаджета никаких особых усилий не требуется - вся настройка сводится к выбору размера блока, разрешению или запрещению графических баннеров и подборе цветов блока - обычно их делают либо таких же цветов, как соответствующие поля и шрифты в том месте шаблона, где планируется разместить блок (чтобы он воспринимался не как реклама, а как часть записи), либо наоборот, яркими, броскими и контрастными для привлечения внимания.
Вот на таком приятном для сердца каждого блоггера гаджете давайте сегодня и остановимся. Постараюсь уже завтра продолжить и, как и обещал, подробно расскажу, как на мой взгляд, можно полноценно использовать гаджет "HTML/JavaScript", ну и о других гаджетах тоже. Пока. Удачи!

Добавляем в ресурс гаджеты

Если выбранный и установленный шаблон оформления блога призван создавать какое-то общее впечатление от Вашего ресурса, то использование гаджетов даст возможность окончательно и оригинально оформить его, добавить ему дополнительную привлекательность и необходимую функциональность, а также получить возможность зарабатывать на нем деньги. Кстати, чтобы при установке гаджетов Google AdSense не отвлекаться, именно с коммерческих настроек и начнем...
Входим в панель инструментов своего аккаунта, переходим на вкладку "Коммерция" и на открывшейся странице "Обзор AdSense" нажимаем на ссылку "Настроить/добавить объявления". Выбираем вариант размещения объявлений Google AdSense (я, например, выбрал первый, самый, на мой взгляд, многообещающий, но, как Вы понимаете, тут все зависит от Вашего выбора) и давим на кнопку "След". Собственно, пока все, остальные настройки можно сделать уже в гаджетах, поэтому переходим в "Дизайн" и оказываемся на вкладке "Элементы страницы".
Строго говоря, почти весь Ваш блог, а впоследствии и сайт, будут состоять из трех типов элементов - собственно записей, элементов шаблона (заголовок сайта, подзаголовок, меню, "подвал", фон или фоновое изображение) и, конечно, гаджетов, содержание и оформление которых будет играть не меньшую, а порой и большую роль, чем содержание записи или дизайн шаблона. И если размещение статей и элементов шаблона, в принципе, четко определено дизайном, то гаджеты можно располагать на любом месте в любой колонке шаблона, над или под записями, а некоторые - между записями или даже в самих записях. Посмотрите на дизайн моего блога - все, что Вы видите во всех трех колонках между меню и "подвалом (кроме самих записей, конечно) - все это гаджеты, при этом для своего блога я использовал всего лишь несколько типов гаджетов из тех двадцати, которые находятся в разделе "Основа". А ведь в окне "Добавить гаджет", в разделе "Дополнительные гаджеты" на сегодняшний день есть еще 1883 типа гаджета, правда, в основном англоязычных, которые после некоторой доработки можно использовать в блоге или на сайте. Кроме того, в сервисе заложена возможность (для тех, кто соображает, конечно) создавать и добавлять собственные гаджеты. Короче, возможности для расширения функций, улучшения внешнего вида и получения прибыли практически неограниченные, о чем я уже говорил.
Ну, что же, нажимаем на любую ссылку "Добавить гаджет" и нам открывается список доступных гаджетов в разделе "Основа". Начнем по порядку...
Первым с списке стоит гаджет "Постоянные читатели". Насколько я понимаю его функции, это некое подобие симбиоза "друзей" и "сообщества" в Живом Журнале, здесь можно посмотреть список читателей блога, а читатель через этот гаджет может зарегистрироваться на блоге, как в сообществе ЖЖ. Зачем это нужно, пока не знаю - как видите, я пока этот гаджет не использовал, доберусь до него - разберусь и расскажу. Название можно менять или вообще не использовать. По существу, корректируются только цвета текста и ссылок, правда, за счет подбора цвета можно, например, какой-то текст или ссылку сделать невидимыми на таком же цвете фона шаблона.
Так, стоп. Чтобы не нарушать структуру страницы (это не главное), а также по личным обстоятельствам (это важнее), я, я вашего позволения, ненадолго прервусь, а продолжу уже в новой записи, думаю, через пару часов. Не прощаюсь...

Регистрируем домен для блога и будущего сайта

Пожалуй, в прошлый раз я поторопился, сказав, что сегодня мы будем присваивать блогу доменное имя второго уровня. То есть, можно, конечно, сделать это и сейчас, но, поскольку нашей задачей является создание не только блога, но и многостраничного сайта, все страницы которого, включая и блог, согласитесь, желательно привязать к поддоменам одного доменного имени, с этим все-таки целесообразно повременить. Впрочем, уже сейчас Вы можете подобрать и зарегистрировать для своего будущего сайта подходящее доменное имя, а пока оно будет прописываться на на DNS-серверах, мы с Вами обсудим другие вопросы создания и оформления блога и сайта.
Дешевле всего зарегистрировать домен в зоне RU можно на уже упоминавшихся мной ранее сервисах idomen.ru, 2domains.ru, где домены RU регистрируются и продлеваются за 99 рублей, или на совсем недавно найденном мной в Сети ресурсе dnar.ru, где единичный домен RU можно зарегистрировать вообще за 95 рублей (дешевле я нигде не видел). Кстати, если Вы обратили внимание, блог поменял свое название на "Бизнес в Сети" - именно для такого названия я сумел подобрать свободный и, на мой взгляд, достаточно красивый домен в зоне RU и именно на dnar.ru его зарегистрировал. Что это за домен и как я его буду привязывать к страницам сайта и блогу, а позднее и к форуму, мы, повторяю поговорим позже.
А теперь - немного об упомянутых сервисах. Они действительно предлагают самые дешевые домены в зоне RU и почему у них такие цены я не знаю. Но, по крайней мере два из этих трех сервисов проверены лично мной и я готов поручиться чем угодно - зарегистрированные на них домены работают без проблем и регистрируются именно на Вас, а не на компанию-регистратора.
Итак, 2domains.ru. C этим сервисом я не работал, но отзывы о нем в Рунете самые положительные. Имеет, говорят, понятную и функциональную панель управления. Короче, устроит кого угодно.
Сервис dnar.ru. Нашел его совсем недавно. Самые дешевые домены RU, отличная русскоязычная панель управления, подробнейшая (и в этом, возможно, неудобство) помощь и весьма вменяемая и адекватная служба поддержки - что еще нужно для пользователя? Пока все работает, новый домен для этого блога и будущего сайта зарегистрирован именно здесь.
Ну, и наконец, idomen.ru. C ним я работаю уже более двух лет, очень надежен, но имеет ряд существенных недостатков. Например, у него нет панели управления доменами, вернее есть, но менять можно только DNS, а, например, вносить А или CNAME записи некуда, то есть, может и есть такая панель, но я за год ее не нашел. Зато нашел выход - изменил DNS-сервера регистратора домена на бесплатные DNS-сервера ресурса freedns.ws, и для дальнейших манипуляций использовал их просто великолепную панель управления. Вы знаете, мне очень понравилось.
Для регистрации домена на вышеперечисленных ресурсах (да и на других тоже) потребуется регистрация, в ходе которой Вы должны будете сообщить свои личные данные, адрес, контактные телефоны, причем желательно указывать реальные данные - вдруг кто-то захочет за огромные деньги купить Ваш домен вместе с сайтом и блогом, а найти Вас не сможет. Обидно, однако. К тому же противоречит правилам регистрации. Ну, и последний писк интернет-моды, вернее, последняя гримаса регуляторов Интернет-пространства - для завершения регистрации и проверки подлинности представленных Вами данных (а вдруг, Вы - кибертеррорист?) Вы должны представить администрации регистратора отсканированными или сфотографированными те страницы Вашего паспорта, на которых записаны Ваши основные данные и сведения о регистрации. Вот так! Чтобы не забывали, что в свободной стране живем! И не удивлялись, почему у нас все (кому положено) обо всех (кому не положено) все знают. И почему мы на выборах голосуем за одних, а выбираем других. Ну да ладно...
На сегодня все. В следующий раз поговорим о явных и скрытых возможностях стандартных гаджетов. Вообще то, они, по-моему, безграничны...
Кстати, в тестовом режиме заработал форум. Заходите, осмотритесь...

Формируем дизайн блога

После долгого перерыва, в течение которого Вы, наверное, не один раз выбрали себе шаблон для будущего блога (сайта) и сохранили его на своем компьютере, запоздало рассказываю о том, что нужно делать дальше.
Входим в Blogger.com, используя свой аккаунт (логин и пароль). Входим в управление блогом. Выбираем ссылку "Дизайн" и нажимаем на нее. Далее, уже в настройках дизайна, открываем вкладку "Изменить HTML". Нажимаем на кнопочку "Обзор" и переходим в тот каталог на компьютере, где хранится выбранный нами шаблон. Открываем папку шаблона и выбираем файл с расширением .XML (если Вы выбрали русскоязычный шаблон, лучше выбрать файл XML, название которого заканчивается на RU). Нажимаем кнопочку "Загрузить". На изменившейся странице не задумываясь жмем на кнопочку "Подтвердите и сохраните". Все. Новый шаблон загружен и теперь можно заняться настройками блога и его дизайном.
Открываем в верхнем ряду вкладок вкладку "Настройка", а в ней - вкладку "Основные сведения". Корректируем, при необходимости, конечно, название ресурса, которое на странице будет выводиться как заголовок. После этого в окне "Описание" пишем несколько слов о сайте (блоге) - эта информация в большинстве шаблонов выводится на страницу блога в виде подзаголовка. Оставляем "Да" в остальных окнах страницы, кроме последнего - наличие в блоге материалов для взрослых - дело индивидуальное. Сохраняем информацию. Пока с настройками заканчиваем.
Переходим опять в "Дизайн", открываем вкладку "Элементы страницы". Перед Вами - схема Вашего будущего блога и одновременно основной инструмент для ее изменения. На странице размещены схематические изображения блоков - основного поля сообщения и так называемых гаджетов - дополнительных элементов, размещаемых в блоге. Добавить гаджет или просто посмотреть, какие стандартные гаджеты предлагает Blogger.com, можно, нажав на ссылку "Добавить гаджет" - откроется дополнительное окно, в котором можно выбрать практически все, что угодно - помимо двадцати стандартных гаджетов Google и почти двух тысяч (по ссылке "Дополнительные гаджеты") от различных разработчиков, можно создать собственный гаджет (я пока этого не умею) или, выбрав универсальный гаджет "HTML/JavaScript", вставить в него все, что душе угодно.
Гаджеты можно редактировать, в том числе и прямо из блога, менять местами простым "перетаскиванием", при этом, если даже в Вашем шаблоне не предусмотрены гаджеты над или под записями, "перетащив" какой-нибудь гаджет на "Поле сообщения", Вы такую возможность получите. Короче, пробуйте, ищите, экспериментируйте...
Ну что же, на сегодня все, а буквально завтра я расскажу, как присвоить блогу собственное гордое имя - домен второго уровня.

Создаем блог в Blogger.com

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

Служба блогов Blogger.Com весьма подходит для этой цели по целому ряду причин:
1. Создать здесь блог элементарно просто.
2. Для оформления блога и придания ему необходимой функциональности и неповторимой внешности существует множество готовых шаблонов оформления, которые, к тому же, можно самостоятельно корректировать.
3. Функциональность и информативность блогу придают дополнительные гаджеты и наличие заготовок меню в шаблонах, при этом, если Вам не хватит стандартных гаджетов, Вы сможете создать собственные.
4. На блогах разрешены практически все скрипты, в том числе и контекстной рекламы, что выгодно отличает его от, например, ЖЖ, поскольку дает возможность блоггеру зарабатывать, а аккаунт в "родной" системе контекстной рекламы Google AdSense создается автоматически при создании Вашего первого блога на Bloggere, Вам нужно только выбрать, где и какие рекламные блоки Вы хотите видеть на Вашем блоге.
5. К блогу может быть прикреплен Ваш домен 2-го уровня (на уровне поддоменов).
6. Вы можете создать неограниченное количество блогов на своем аккаунте.
7. Если грамотно использовать вышеописанные пункты, то с минимальными затратами времени и сил и знаний HTML Вы сможете создать, не только сайт, но и целый портал (на поддоменах одного доменного имени) с системой меню, взаимных ссылок, полнофункциональной навигацией и т. д.
8. По большинству возникающих вопросов есть вполне вменяемая русскоязычная помощь.

Итак, приступим.

Первым делом нам нужен будет почтовый адрес в GMail.com, если же он у Вас уже есть, то этот шаг можно пропустить - регистрироваться по новой не надо.

Теперь заходим в Blogger.Com, , входим, используя E-Mail и пароль GMail.com и нажимаем "Создать блог".

Заполняем поля “Название блога”, “Адрес блога (URL)“, если выбранный Вами поддомен занят, называем его иначе, вводим проверочный код и жмем “Продолжить”.

Выбираем любой из стандартных шаблонов (его потом можно легко поменять) и все. Блог создан.

Теперь поговорим о выборе шаблона. Да-да, именно о шаблоне нужно теперь задуматься, а не о настройках блога, как могло бы показаться, поскольку при смене шаблона все ранее установленные в него гаджеты исчезнут и их придется устанавливать вновь. Массу дополнительных шаблонов для блогов можно бесплатно скачать, например, с сайта BTemplate.Ru - там имеется очень большой выбор, практически на любой вкус. Однако на этом сайте собраны далеко не все шаблоны для Blogger.com, а только русскоязычные. Основной источник шаблонов - сайт BTemplates.Com, на котором имеются сотни шаблонов для блогов на этом сервисе. Все они вполне пригодны для создания русскоязычного блога. Кроме того, любая поисковая система по запросу "шаблоны для blogger.com" выдаст Вам весьма значительное количество ресурсов с такими шаблонами или с информацией о том, где их взять.

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