вторник, 27 декабря 2011 г.

Расширения для FireFox, Chrom, Opera

расширения для firefox chrom opera

Анализ статистических данных, предоставленных счетчиком LiveInternet (см. Урок - Как установить счетчик) показал, что самыми популярными браузерами у читателей моего блога являются: FireFox, Chrom и Opera, за ними далеко отстают Explorer и Safari…

Firefox - 30,10%, Chrome - 29,10%, Opera - 28,40%, Explorer - 7,30%, Opera Mini - 2,30%, Safari - 1,90%, Другие - 0,90%.

Скорее всего популярность Firefox, Chrom и Opera объясняется наличием огромного количества дополнений расширяющих базовые возможности этих браузеров и позволяющих пользователям дополнять необходимые инструменты.

Каким браузером пользуетесь Вы?

Посмотрите список самых популярных расширений 2011 года:

популярные расширения opera популярные расширения chrome попуярные расширения firefox

.

С уважением,
Владимир Есипов
мастер построения блогов

P.S. Поделитесь, опытом использования Ваших расширений Firefox, Chrom и Opera, оставьте комментарий к этой статье.


Читайте также: 
Уроки по HTML 33 бесплатных видеоурока
Уроки по CSS 45 бесплатных видеоурока
Уроки по Google AdWords (7 бесплатных видеоуроков)

Надежный хостинг + Домен в подарок - видеоурок


 




+++

воскресенье, 25 декабря 2011 г.

Читать далее…

Читать-далее-00Читать далее…” ставить кнопку или не ставить?

В среде блоггеров не утихают споры:

одни утверждают, что просто необходимо ограничивать размер статьи, на главной странице блога и ставить кнопку “Читать далее…”;

другие утверждают, что этого делать не нужно…

и те и другие приводят веские аргументы в защиту своей позиции.

Посмотрите, фрагмент интервью с руководителем Google Webspam team Мэтт Каттс, в котором он высказывает свое мнение отвечая на вопрос, как публиковать посты на главной странице блога - целиком или в виде анонса, т.е. ставить кнопку “Читать далее…” или нет.

 

 

В помощь тем, кому нравится оформление статей в виде анонса я подготовил инструкцию в картинках:

“Как установить Кнопку “Читать далее…”

 

1. Находясь в редакторе статей, установите курсор в то место, где хотите ограничить фрагмент поста выводимый на Главной странице блога, и нажмите “Вставить ссылку “Дальше

читать дальше 01

 

2. Появится пунктирная линия, показывающая границу текста.

читать дальше 02

 

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

 

3. Теперь на главной странице Ваш пост будет выведен не полностью, а только его часть, теперь чтобы читателю прочитать весь пост, нужно нажать на кнопку “Дальше

читать дальше 012

 

4. При необходимости текст кнопки, открывающей читателю всю статью можно поменять.

Зайдите в панель управления блогом, на вкладке "Дизайн" - "Элементы страницы" в поле “Сообщения блога”, нажмите “Изменить”

читать дальше 03

 

5. В панели “Настроить сообщения блога”, в поле “Текст ссылки на Страницу сообщения”, измените надпись “Дальше” и нажмите “Сохранить

читать дальше 04

 

6. Обновите главную страницу, и увидите обновленную надпись!

читать дальше 05

 

Смотрите видеоурок:

Как вставить “Читать далее…”

 

 

P.S. Напишите, в комментариях, как Вы думаете, нужно сокращать статьи на Главной странице или правильнее публиковать их целиком?

.

С уважением,
Владимир Есипов
мастер построения блогов
автор учебного курса "Как создать блог и заработать деньги в интернете"

.

Читайте также:
Как изменить дизайн и размер блога + бесплатный видеоурок
Как настроить блог + бесплатный видеоурок
Как изменить цвет панели навигации BlogSpot + бесплатный видеоурок
Уроки по HTML 33 бесплатных видеоурока


+++

четверг, 22 декабря 2011 г.

Как убрать панель навигации NavBar в BlogSpot

как убирать панель navbar Панель навигации NavBar BlogSpot, это такая узкая полоска вверху BlogSpot блога.

Есть мнение, что панель навигации NavBar делает все BlogSpot блоги похожими один на другой (как цыплята из инкубатора), тем-самым лишая их индивидуальности.

Другое мнение владельцев BlogSpot блогов, что панель навигации очень полезный и незаменимый инструмент, только нужно уметь им пользоваться…



+++

среда, 21 декабря 2011 г.

Как настроить FeedBurner

Настройка FeedBurner В прошлой статье Вы узнали: Как подключить FeedBurner к блогу на BlogSpot.
Надеюсь, Вы сумели повторить действия показанные в видеоуроке по установке FeedBurner, за 15 минут!
Но, чтобы FeedBurner использовать эффективно и “на полную катушку” необходимо его настроить.
Посмотрев видеоурок, в конце этой статьи Вы узнаете, как включить и настроить самые полезные из имеющихся функций и инструментов Feedburner:
  • Smart Feed - обеспечивает совместимость приложений читателей для чтения RSS;
  • Feed Image Burner - добавляет изображение, например, логотипа блога или любого другого. (изображение не загружается на сервис, нужно указать прямой путь к Вашему изображению в интернет);
  • Summary Burner - создает подпись к Вашему фиду;
  • Browser Friendly - позволяет выбрать варианты подписки для пользователей;
  • Communication Preferences - настройки письма подтверждающего подписку по электронной почте;
  • Ping Shot - уведомляет сервисы об обновлении вашей RSS ленты;
  • Creative Commons - дает разрешение на коммерческое использование Ваших публикаций с сохранением авторского права;
  • NoIndex - запрещает поисковикам индексировать Ваш фид, иначе появится дублирование содержания, а исходные статьи станут не уникальными.

Смотрите видеоурок “Как настроить FeedBurner
 
Подпишитесь на RSS ленту этого блога!
Читайте все статьи и смотрите видеоуроки первыми!!!

Подписаться на RSS
С уважением, Владимир Есипов мастер построения блогов автор учебного курса "Как создать блог и заработать деньги в интернете"
Читайте также: Как настроить блог + бесплатный видеоурок Как вставить картинку в шапку блога + бесплатный видеоурок Как вставить изображение в блог + бесплатный видеоурок Уроки по HTML 33 бесплатных видеоурока

+++

понедельник, 19 декабря 2011 г.

FeedBurner, подключить и настроить - просто!

регистрация-в-FeedBurner-00 Я долго не знал ответа на вопрос:

Как подключить и настроить FeedBurner к блогу на BlogSpot (Blogger)?

и, даже побаивался этого сервис :)

оказалось все очень просто!!!

Смотрите видеоурок, в котором показано:

Первое, что нужно сделать - зайти в свой Googl аккаунт…

 

P.S. Если у Вас блог на Wordpress, тогда нужно самому копировать и вставлять код сгенерированный FeedBurner в виджеты…

Убедились, что подключить RSS к блогу просто!

Подпишитесь на мой RSS, читайте все статьи и смотрите видеоуроки первыми!!!

Подписаться на RSS

С уважением,
Владимир Есипов
мастер построения блогов
автор учебного курса "Как создать блог и заработать деньги в интернете"


Читайте также:
Как установить счетчик на сайт + бесплатный видеоурок
Как создать E-mail аккаунт на Google + бесплатный видеоурок
Как добавить гаджеты + бесплатный видеоурок
 

+++

вторник, 13 декабря 2011 г.

Как добавить сайт в поисковик

добавляем-сайт-в-поисковики-00 Начнем продвижение Вашего ресурса в интернет с добавление блога в основные поисковые системы, ведь перед тем как поисковики расскажут всему миру про Ваш блог, они сами должны про него узнать :)
По данным одной из систем анализа, использование поисковиков в рунете в марте 2011 года было следующим: Яндекс - 54.5%, Googl - 35.8%, Mail.ru - 6.5%, Рамблер - 1.5%, Bing - 0.8%, GoGo - 0.5%, Апорт - 0.5%. Мелкие поисковики трогать не будем - они узнают о Вашем блоге сами.
В этой статье предложены семь шагов, пройдя которые про Ваш блог узнают все основные поисковые системы!!!
  1. Добавить сайт в Яндекс
  2. Добавить сайт в Googl
  3. Добавить сайт в Рамблер
  4. Добавить сайт в Mail
  5. Добавить сайт в GoGo
  6. Добавить сайт в Апорт
  7. Добавить сайт в Bing
Примечание: для полного понимания изложенного материала рекомендую вначале познакомиться с первым и вторым уроками  Курса по основам HTML.
В конце статьи Вас ждут видеоуроки, наглядно показывающие

Как добавить сайт в поисковики

Переходите по ссылкам и регистрируйтесь, как показано в видеоуроке…
Шаг 1 - Добавляем сайт в Яндекс    (http://webmaster.yandex.ru)
Шаг 2 - Добавляем сайт в Google    ( http://www.google.ru/intl/ru/addurl.html)
Шаг 3 - Добавляем сайт в Mail.ru     (http://top.mail.ru/add)
Шаг 4 - Добавляем сайт в Рамблер (http://www.rambler.ru)

Видеоурок “Добавляем блог в Яндекс, Google, Mail.ru, Рамблер

Шаг 5 - Добавляем сайт в Апорт      (http://www.aport.ru/addurl.php)
Шаг 6 - Добавляем сайт в GoGo       (http://gogo.ru/wmaster/add_site.html)
Шаг 7 - Добавляем сайт в Bing         (http://www.bing.com/docs/submit.aspx)
Видеоурок (часть 2) “Добавляем блог в Апорт, GoGo, Bing


С уважением, Владимир Есипов мастер построения блогов автор учебного курса "Как создать блог и заработать деньги в интернете"

Читайте также:
Как установить счетчик на сайт + бесплатный видеоурок
Как добавить гаджеты + бесплатный видеоурок

+++

воскресенье, 11 декабря 2011 г.

Как установить банер

Как-установить-банер Вчера, мой коллега Александр Хвастович, попросил показать, Как повесить рекламу на блог, конкретнее Как установить рекламный банер на его блог (http://imstrs.blogspot.com).

C вопросом Как установить банер, рано или поздно, сталкиваются практически все авторы блогов и сайтов, т.к. банеры (графические блоки рекламного характера) установлены на абсолютном большинстве сайтов и блогов для привлечения внимания читателей.

Обычно к банерам привязывают гиперссылки, чтобы читатель щелкнув по банеру перешел на нужную страницу…

Лучше один раз увидеть, чем сто раз прочитать :) в конце статьи смотрите бесплатный видео-урок.

Рассмотрим пример установки банера партнерской программы.

Как установить банер на блог

Инструкция в картинках

1. Зарегистрируйтесь в партнерской программе (например, у Евгения Попова)

2. Находясь в панели управления блогом, на вкладке "Дизайн" - "Элементы страницы" в поле “Панель навигации” нажмите “Добавить гаджет”

kak-postavit-baner-01

 

3. В открывшемся окне “Добавить гаджет” выберите гаджет HTML / JavaScripr

kak-postavit-baner-02

 

4. В окне настроек гаджета HTML/JavaScript, в поле “Название” впишите заголовок, который Вы хотите видеть над банером

kak-postavit-baner-03

 

5. В поле “Содержание” вставьте код партнерской гиперссылки и нажмите “Сохранить

kak-postavit-baner-04

 

6. В панели управления блогом, на вкладке "Дизайн" - "Элементы страницы" нажмите “Сохранить”. Для просмотра обновленного блога нажмите “Просмотреть блог

kak-postavit-baner-05

 

7. Банер появился в соответствующем месте боковой панели.

kak-postavit-baner-06

 

8. При необходимости изменить место расположения банера просто зацепите его мышкой и переместите в нужное место.

kak-postavit-baner-07

 

P.S. Если Вы хотите установить свой банер и привязать к нему свою ссылку, тогда:

  1. в любом графическом редакторе подготовьте картинку, которая будет отображаться на Вашем блоге
  2. в HTML формате напишите ссылку, привязанную к Вашему банеру и запишите ее в поле “Содержание” окна настройки гаджета HTML/JavaScript, как показано в шаге 5.

 

Примечание: При необходимости, скачайте бесплатный курс по HTML и посмотрите Как записываются ссылки в HTML формате.

 

Смотрите видеоурок:

Как установить рекламный банер

 

 

С уважением,
Владимир Есипов
мастер построения блогов

 


+++

четверг, 8 декабря 2011 г.

Европейский Хостинг + Домен в подарок!!!


домен-в-подарок Сегодня я узнал про нового Европейского хостинг провайдера у которого есть специальный тариф для блогов на WordPress!

На этом тарифном плане WordPress устанавливается и настраивается автоматически!!!

Вам не нужно знать техническую сторону вопроса!

Бонусом дают БЕСПЛАТНОЕ доменное имя!!!

Смотрите видео!

Получить ДОМЕН В ПОДАРОК и сделать блог на Wordpress


С уважением,
Владимир Есипов
автор курса "Как создать блог и заработать деньги в интернете"
мастер построения блогов





+++

среда, 30 ноября 2011 г.

Повелитель Google AdWords

видео уроки как настроить Google AdWords Первая часть учебного курса "Как создать блог и заработать деньги в интернете" подходит к концу!

Совсем скоро мы приступим к изучению второй части "Раскрутка блога в интернете", а затем и третьей - "Монетизация блога"!

В одной из глав планируется рассмотреть основы сервиса "Работа с Google AdWords".

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

И начать зарабатывать в интернете!!!

Алексей Сергиеня выпустил два курса, в которых раскрывает секреты и дает полезные советы показывая на конкретных примерах, Как заработать в интернете с помощью Google AdWords.

Первый мини-курс “Поток денежных клиентов за 60 минут” состоит из семи шагов - семи бесплатных видеоуроков, находящихся в свободном доступе (Вы можете посмотреть ниже).

Второй, основной большой и серьезный учебный курс “Повелитель Google AdWords”, с полным описанием представлен только на странице автора…

Посмотрите бесплатные видео-уроки по работе с Google AdWords, уверен Вам, скажите спасибо :)

 

Шаг 1 - видео-урок № 1. “Создание аккаунта в Google Mail” аналогичен уроку Урок 001 - Как создать E-mail аккаунт на Google. Есили Вы его прошли, то можете сразу переходить к шагу 2.

 

 Перейти на страницу курса “Повелитель Google AdWords”

 

Шаг № 2. Создание аккаунта в Google AdWords 

 Перейти на страницу курса “Повелитель Google AdWords”

 

Шаг № 3. Настройка рекламной кампании

 Перейти на страницу курса “Повелитель Google AdWords”

 

Шаг № 4. Целевой градусник или поиск денежных ключей

 

  Перейти на страницу курса “Повелитель Google AdWords”

 

Шаг № 5. Мини-копирайтинг. Создаем объявления

 

 Перейти на страницу курса “Повелитель Google AdWords”

 

Шаг № 6. Оплата кампании

 Перейти на страницу курса “Повелитель Google AdWords”

 

Шаг № 7. Докрутка рекламной кампании в Google AdWords.

 Перейти на страницу курса “Повелитель Google AdWords”

 

Второй, основной большой и серьезный учебный курс “Повелитель Google AdWords”, с полным описанием представлен на странице автора…

 

Пусть у Вас всё получится и Вы заработаете 10 000$, как обещает Алексей!!!

 

С уважением,
Владимир Есипов
автор курса "Как создать блог и заработать деньги в интернете"
мастер построения блогов

 




+++

четверг, 24 ноября 2011 г.

Уроки по CSS

CSS   бесплатный учебный курсУроки по CSS, по сути, являются продолжением или развитием учебного курса по HTML.

Что такое CSS?

CSS это каскадные таблицы стилей (от англ. Cascading Style Sheets).

Зачем нужны CSS?

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

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

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

Бесплатный курс по CSS

состоит из 45 видеоуроков!

Содержание уроков по CSS

  1. Установка расширений
  2. Принцип работы CSS
  3. Подключение и 3 базовых селектора
  4. Групповые селекторы CSS
  5. Селекторы потомков
  6. Псевдоселекторы ссылок
  7. Семейство шрифтов
  8. Размер шрифта
  9. Жирный, курсив
  10. Декор
  11. Выравнивание и красная строка
  12. Высота строки, расстояния
  13. Сокращенная запись
  14. Рамки
  15. Работа со списками
  16. Наследование в CSS
  17. Каскадность и приоритетность
  18. Блочная модель, margin и padding
  19. Ширина и высота блока, выравнивание
  20. Конфликты полей
  21. Блочные и встроенные элементы
  22. Фоновый цвет и изображение. Введение
  23. Повтор фонового изображения
  24. Позиционирование фонового изображения
  25. Фиксация фона
  26. Краткая запись фоновых свойств
  27. CSS и таблицы
  28. CSS и формы (часть 1)
  29. CSS и формы (часть 2)
  30. Свойство float введение
  31. Создание простого каркаса на основе float
  32. Очистка обтекания
  33. Колонки одной высоты
  34. Позиционирование введение
  35. Абсолютное позиционирование
  36. Относительное позиционирование
  37. Фиксированное позиционирование
  38. Z-индексы
  39. Видимость элементов
  40. Максимальная и минимальная ширина сайта
  41. Браузеры
  42. Решение проблем IE6
  43. Два способа подключения стилей
  44. Наследование ненаследуемых свойств
  45. Заключение
Скачивайте и изучайте уроки по CSS, они помогут Вам зарабатывать деньги в интернете!

 

Уроки по CSS — cкачать бесплатно

 

С уважением,
Владимир Есипов
мастер построения блогов на BlogSpot




+++

Уроки по HTML

бесплатный курс из 33 видео-уроков

HTML бесплатный учебный курс

HTML основа сайтостроения!

Распространенный вопрос новичков:

Что такое HTML?

HTML это язык разметки гипертекста (от англ. HyperText Markup Language).

Все сайты и блоги, одностраничники написаны на языке HTML.

До сих пор создавая свой блог на BlogSpot мы обходились стандартными инструментами редактора не заглядывая внутрь HTML страниц и шаблонов.

И, у Вас получился хороший, работоспособный блог!

Но, если Вы хотите создать профессиональный блог и зарабатывать деньги в интернете, то Вам просто необходимо иметь представление об основах HTML.

Совсем скоро мы перейдем ко второй части курса “Как бесплатно создать блог и заработать деньги в интернете” - “Раскрутка блога”, в которой Вы увидите HTML код Вашего блога.

Не пугайтесь. HTML достаточно прост в понимании. Вам не нужно учить HTML, но Вам нужно иметь представление об HTML.

По HTML выпущено огромное количество книг. В интернете есть достаточное количество документации по HTML.

Но, бытует мнение, что лучше один раз увидеть, как работает HTML, чем 100 раз прочитать!

Именно поэтому предлагаю Вам посмотреть видео-уроки по HTML.

Бесплатный видеокурс “Уроки по HTML” содержит 33 видео-урока

  1. Введение в HTML
  2. Понятние HTML тэга. Создание каркаса страницы
  3. Параграфы и заголовки
  4. Списки в HTML
  5. Атрибуты
  6. Изображения
  7. HTML Ссылки часть 1
  8. HTML Ссылки часть 2
  9. HTML Таблицы часть 1
  10. HTML Таблицы часть 2
  11. Жирный и курсивный текст
  12. Введение в HTML формы
  13. Текстовые поля форм
  14. Радиокнопки
  15. Чекбоксы
  16. Элемент выбора в форме (селект)
  17. Текстовая область
  18. HTML Создание кнопок
  19. Объединение декоративное (fieldset)
  20. Блокировка и только чтение
  21. Обработчик
  22. Локальный сервер
  23. Отправка данных методами GET и POST
  24. Функция отправки письма
  25. Тэги внешних объектов
  26. Предварительное форматирование
  27. Карта изображения
  28. Мета-теги
  29. Комментарии
  30. XHTML
  31. Валидация документа
  32. Тэги DIV и SPAN
  33. Заключительный

Скачать бесплатно “Уроки по HTML

 

С уважением,
Владимир Есипов
мастер построения блогов на BlogSpot

 

Связанные уроки:
Как изменить дизайн блога на BlogSpot
Уроки по CSS




+++

вторник, 15 ноября 2011 г.

Форма обратной связи

документы google 014

Форма обратной связи устанавливается на блог и, как правило содержит три - четыре текстовых поля: Имя читателя, его e-mail и поле для написания короткого сообщения.

Таким образом, у Вас появляется ещё один инструмент коммуникации с читателями Вашего блога, а у читателей, на ряду с комментариями к статьям, и страницы "Контакты", появляется ещё одна возможность связаться с Вами.

Форма обратной связи отличается от комментариев, тем, что сообщение, написанное, через форму обратной связи увидит, только автор блога, а не все его читатели.

Примечание: в конце статьи смотрите бесплатный видеоурок “Устанавливаем форму обратной связи на блог”.

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

Форму обратной связи можно создать различными инструментами.

В этой статье мы рассмотрим, пожалуй самый простой, бесплатный, вариант создания формы обратной связи, при этом он не лишен недостатков…

Создаем форму обратной связи

инструкция в картинках

1. Зайдите в свой Google аккаунт, а от туда перейдите в Google документы.

 документы google 001

 

2. Находясь в панели управления Google документов, выберите “Создать” - “Форма”.

 документы google 002

 

3. В открывшемся редакторе форм, запишите:

  • название Вашей формы (например “Контакты”);
  • рекомендации читателям блога по заполнению формы;
  • заголовок вопроса;
  • выберите тип вопроса;

поставьте галочку “Сделать этот вопрос обязательным” и нажмите “Готово

 документы google 003

 

4. Справа от поля “Заголовок вопроса” расположены три кнопки позволяющие Редактировать, Копировать или Удалить поле формы

документы google 004

 

5. Тип вопроса в форме Google документов может иметь вид:

Одиночного текстового поля, Текстового абзаца. Позволяет выбрать один вариант из предлагаемого списка, несколько вариантов из предложенного списка. Может быть выпадающим списком, шкалой и сеткой.

документы google 005

 

6. После того как форма сформирована, справа вверху, нажмите “Сохранить”. Перейдите на вкладку “Дополнительные действия” - “Встроить”.

документы google 006

 

7. Появится форма “Встроить”, нажмите правую кнопку мышки и в контекстном меню выберите “Копировать

 документы google 007

 

8. Находясь в панели управления блогом, на вкладке “Отправка” - “Изменить страницы”нажмите Создать страницу

документы google 008

 

9. Оформите страницу

  1. Заполните “Заголовок страницы”.
  2. Нажмите “Изменить HTML”.
  3. Поместите указатель мышки на поле редактора страницы, вставьте скопированный в шаге 7 код.
  4. Нажмите “Создать”.
  5. И внизу слева “Опубликовать страницу” (на рисунке не показана).

документы google 009

 

10. На главной странице блога в виджете “Страницы” выберите Вашу новую страницу (в моем случае “Контакты”)

документы google 010

 

11. Заполните все поля и нажмите “Готово

документы google 011

 

12. Перейдите на страницу Google документов и выберите Вашу форму (в моем случае “Контакты”)

документы google 012

 

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

документы google 013

 

Примечание: в Google документы можно зайти из Вашего e-mail аккаунта Google

форма-обратной-связи04

 

Смотрите бесплатный видеоурок

Создаем форму обратной связи

 

 

 

 

С уважением,
Владимир Есипов
мастер построения блогов
автор учебного курса "Как создать блог и заработать деньги в интернете"
 
P.S.
По традиции поделитесь своим опытом, напишите в комментариях, какие методы создания форм обратной связи используете Вы.
 
Читайте также:
Прошлый урок:   Как создать страницу Содержание
Следующий урок:  Как
 
 


 

+++

вторник, 8 ноября 2011 г.

Как создать страницу “Содержание”

создать содержание блогаСтраница “Содержание” есть во всех книгах!

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

Блог, по сути своей, та же книга! И читателям Вашего блога будет удобнее искать информацию, по привычному алгоритму - открыв страницу Содержание.

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

Примечания:

  • в сайтостроении страницу Содержание принято называть Карта сайта или Карта блога
  • в конце статьи смотрите бесплатный видеоурок.

Можно страницу Содержание сделать вручную, просто собрать заголовки всех страниц, но эта работа будет нудной и утомительной (а, если страниц миллион!!!).

Спросив, у Google, как создать страницу Содержание для блога на BlogSpot, и проанализировав, полученные варианты ответов, я решил остановиться на самом простом.

Суть метода заключается в том, что нужно создать страницу, назвать ее “Содержание” и вставить в нее код.

Но, обо всём по порядку.

Пошаговая инструкция в картинках

“Как создать страницу содержание”

 

1. Выделите и скопируйте нижерасположенный код


<Script src=http://ScriptAbufarhan.GoogleCode.com/svn/trunk/daftarisiv2.js>
</Script>
<Script src="http://YouSite.BlogSpot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</Script>


 создаем содержание блога 002

 

2. Находясь в панели управления блогом, на вкладке "Отправка" - “Изменить страницы” нажмите “Создать страницу

создаем содержание блога 001

 

3.

  • В поле заголовок впишите - Содержание
  • Нажмите, “Изменить HTML”.
  • В основное окно, вставьте скопированный код.
  • Вместо YouSite впишите первую часть (до первой точки) URL своего блога. Вы его придумали в статье Как создать блог на BlogSpot.
  • Нажмите “Опубликовать страницу

Примечание: URL моего блога  BlogSpot-UrokiVladimiraEsipova.BlogSpot.com, YouSite я заменил на BlogSpot-UrokiVladimiraEsipova

 создаем содержание блога 008

 

4. Перейдите на главную страницу блога. Обратите внимание, в виджете “Страницы” появился пункт “Содержание”, нажмите на него и откроется созданная страница “Содержание

создаем содержание блога 006

 

5. Обратите внимание, на странице “Содержание” статьи блога сгруппированы по Ярлыкам (мы про них говорили в уроке “Добавляем разделы в блог”)

создаем содержание блога 007

Обратите внимание, что на странице Содержание названия статей являются активными ссылками на на сами статьи. Если по ним кликнуть мышкой, то откроется страница со статьёй, что очень удобно!

 

Смотрите обещанный видеоурок

Как создать страницу Содержание

 

 

 

С уважением,
Владимир Есипов
мастер построения блогов
автор учебного курса "Как создать блог и заработать деньги в интернете"

P.S.
По традиции поделитесь своим опытом, напишите в комментариях, как быстро Вы сделали страницу Содержание.

Читайте также:
Прошлый урок:      Как добавить разделы в блог
Следующий урок:  Как добавить форму обратной связи на блог

Связанные уроки:
Как добавить страницы в блог



Примечание: код для вставки заимствован с сайта: blogger.com.md


+++