среда, 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


+++

воскресенье, 6 ноября 2011 г.

Как распределить статьи по категориям

разделы блога 

Второе название статьи:

Добавляем разделы в блог

Если на сайте или в блоге размещены статьи разных тематик, например:

  • как сделать блог,
  • как раскрутить блог,
  • как заработать денег в интернет

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

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

Примечание: в конце статьи смотрите бесплатный видеоурокКак добавить разделы (категории) в блог”.

Есть несколько способов распределить статьи блога по рубрикам или категориям.

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

Итак, читайте, инструкцию в картинках:

Как добавить разделы в блог

1. После того, как статья написана, ниже основного поля редактора статей, в поле “Ярлыки” впишите название раздела, к которому принадлежит эта статья.

Примечание: вообще, в поле ярлыки, вписываются ключевые слова статьи.

добавляем категории в блог

 

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

создать разделы блога

 

3. В открывшемся окне, нажмите крестик, справа от названия гаджета “Ярлыки

добавить разделы в блог

 

4. В поле “Название” слово Ярлыки замените на более понятное слово Разделы.

В поле “Показать” установите переключатель рядом с надписью “Выбранные ярлыки

создаем разделы

5. Появится ссылка “изменить”, щелкните по ней.

изменить разделы

 

6. В окне “Выбор ярлыков для отображения” оставьте галочки рядом с теми надписями, названия которых Вы хотите видеть в качестве названий разделов на главной странице блога, и нажмите “Готово

 выбираем разделы блога

 

7. Нажмите “Сожранить

сохраняем разделы блога

 

8. При необходимости, переместите гаджет “Ярлыки” повыше или пониже.

переместить гаджет разделы блога

 

9. Нажмите “Сохранить

сохранить категории статей блога

 

10. Теперь, если щёлкнуть по названию раздела блога, то откроется страница, на которой будут перечислены только статьи из данного раздела.

добавляем разделы в блог

 

Посмотрите, шаги алгоритма добавления разделов (категорий) в блог в бесплатном видеоуроке

Как добавить разделы в блог на BlogSpot

 

 

 

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

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

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

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




+++

суббота, 5 ноября 2011 г.

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

добавить страницу в блог на BlogSpot

Пришло время ответить на вопрос: “Как добавить страницу в блог?”. Практически на всех блогах имеются статические страницы:

  • Об авторе…
  • Контакты
  • О компании

и т.п.

Чтобы научиться вставлять в блог такие страницы читай инструкцию в картинках

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

Примечание: в конце статьи смотрите бесплатный видеоурок

 

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

dobavliaem-stranici-v-blog-001

 

2. В открывшемся окне, в точности так, как Вы создавали, редактировали и форматировали статьи - создайте и оформите страницу, вставьте рисунки и необходимые ссылки.

Когда страница будет готова, нажмите “Опубликовать страницу”.

dobavliaem-stranici-v-blog-002

 

3. В панели управления блогом, нажмите “Просмотреть блог”

dobavliaem-stranici-v-blog-003

 

4. В сайтбаре главной страницы блога, в виджете “Страницы” появилась ссылка на созданную статическую страницу блога (в моём случае это страница “Об авторе…”)

dobavliaem-stranici-v-blog-004

 

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

При необходимости, внесите изменения и нажмите “Сохранить

dobavliaem-stranici-v-blog-005

 

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

dobavliaem-stranici-v-blog-006

 

7. Мне кажется, что перечень вставленных страниц логичнее располагать в самом вверху главной страницы блога.

dobavliaem-stranici-v-blog-007

 

Всё!!! теперь посмотрите бесплатный видеоурок

 

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

 

 

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

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


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


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




+++