Веб-сервис Picasa и блог на Blogger.

Picasaweb.google.com - гугловский сервис для хранения изображений и не только. Т. е. доступен всем, у кого есть аккаунт (почта) на Google.

Впервые я с ним столкнулся в году 2011, когда установил на комп программу Picasa. Она предложила разместить фотографии на этом сервисе.

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

Карта блога в HTML.

Оказывается, больше года назад, обещал рассказать как сделать карту блога в HTML режиме редактора.

Как и все прочее такую карту можно исполнить разными методами. В этом блоге - блочное построение тегами div, в другом блоге с помощью таблицы.

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

Фон в блоге.

Сегодня поговорим о фоне. Фон - не знаю как у Вас, а у меня вызывает ассоциацию чего то второстепенного, неважного, иногда мешающего.
Это, наверно, связано с моей профессией. Для меня фон выступал в роли всяких шумов, из которых нужно выделить полезный сигнал.
Или, работая на компе, Вы замечали какая то программа предлагает выполнить что то нудное в фоновом режиме. Как бы говоря Вам, занимайся другим делом, этот пустяк я сделаю между делом. А в переводе с латыни фон - дно, главный элемент, основа.
Представим, что фото слева страничка блога и на ее примере разберем: что такое хорошо, что такое плохо? (Конечно, на мой взгляд. Ваши мнения жду в комментариях.)

Шапка блога с нуля.

Сегодня поступим круто: откажемся от услуг конструктора и будем творить сами. Конструктор для неумеек. Выбери варианты дизайна и получи готовенькое. Откровенно, конструктор меня почти устраивает. Тем более, если знаком с разметкой (HTML, CSS), то всегда можешь подправить его действия: что то удалить, что то вставить.Чем мы до этого и занимались. Сегодня шапка блога с нуля. Это не урок по дизайну, а практика по HTML и CSS. Я сотворю вот такую шапку:

У вас своя, возможно, получится лучше. А, каждые следующие все лучше и лучше. Дерзайте. Итак, приступим.

Приветствие в блоге.

Сегодня разместим приветствие на блоге. Идея позаимствована с бога Владимира Волкова Web хитрости и не только. Автор предлагает скрипт, запрашивающий системное время вашего компьютера. В зависимости от него будет выведено одно из приветствий:

•  Доброе утро
• Добрый день
• Добрый вечер
• Доброй ночи

Впрочем, Вы можете придумать какое то свое приветствие. Вот этот скрипт:

Фиксированная кнопка.

Предлагаю установить еще кнопочку. На нее указывает старуха слева. Плохо читается? Но это же Шапокляк!
Сегодня закрепление знаний, полученных в прошлой статье. Кнопка так же будет ссылкой куда Вы захотите.

В отличии от кн. "Наверх" она будет всегда на одном месте, не зависимо от прокрутки. Всегда по рукой. Я обозвал ее "Задайте вопрос". Вы можете обозвать ее как угодно и послать, с ее помощью, куда угодно.
Картинку кнопки вставляем в статью (для помещения ее БД блога).

Кнопка Наверх страницы.

Продолжим работу с конструктором. В предыдущей статье мы угождали конструктору, работали с его тегами секций и виджетов.

Сегодня попробуем дать ему готовое решение: прямо в коде разместим ссылку на верх страницы. В качестве ссылочного элемента часто используют картинку со стрелкой или кнопку с надписью "Наверх".

Можно использовать любую, подберите по вкусу. Картинку лучше иметь в базе данных (БД) блога. Для этого вставьте эту картинку прямо в эту статью (потом удалите).

Вставляем часы в шапку блога.

Из прошлой статьи Вы помните, что на экран монитора вся информация выводится тегами виджета, который должен располагаться в теге секции.
Если что то захочется удалить, то можно это сделать либо удалив виджет из HTML- части шаблона, либо в CSS-части его идентификатору написать правило display:none;
В первом случае Вы теряете виджет из шаблона и если вдруг он Вам потребуется придется создавать новый.
Во втором - просто удалите или закомментируйте правило. Естественно этот путь предпочтительней. Будем считать, что удалять Вы научились, не сложно: ломать, не строить!
Сегодня что нибудь построим, допустим часы в шапку. Вместо часов можно вставить баннер или что угодно (зависит от того какой код поместите в виджет).

Теги шаблона Blogspot (Blogger)

В прошлой статье было задание удалить подписку на Атом. Кто не смог держите ответ:
пониже (или повыше) кода, которым мы отменили показ навигационной панели, введите  код:
.feed-links {
display: none;
}
Это селектор класса (может быть присвоен нескольким элементам), но, вроде бы, больше ничего на пропало.
Сегодня разговор о тегах шаблона блога. Если предыдущими двумя статьями я Вам:

Все мозги разбил на части, все извилины расплел

то к концу статьи все вернется на свои места.

HTML, CSS в Blogspot. Изменяем шаблон.

 В прошлой статье научились как найти в шаблоне то, что хотим изменить. Сплющили там старушку Шапокляк. Ну так ей и надо. Вредная бабка, ничему хорошему не научит. Вернее научит, если делать все наоборот. Как в народной мудрости: не знаешь как поступить, спроси у женщины и сделай наоборот. Что то мы отвлеклись на женщин. Наверно тема более интересная чем HTML.
Итак, если Вы еще не познакомились с курсами Е. Попова, то щелкните по картинке. Вы, наверно, не стали дожидаться этой статьи и попробовали сами: нашли где и бум менять, но не знам как.

Структура кода шаблона.

Приветствую Вас и сегодня познакомимся с кодом шаблона. Зайдите в панель управления блогом и в меню слева выберите Дизайн. Перед любым изменением кода советую сохранить его  себе на компьютер.
Кнопка Резервное копирование и восстановление (в верху, справа).  В новом окне нажмите на Загрузить шаблон полностью.
Если что то напортачите при изменении кода, то в этом же окне есть кнопки Выберите файл и Загрузить, воспользовавшись которыми восстановите то что у Вас было: в выберите файл выбирайте тот что сохранили и Загрузить. Но береженого, бог бережет.

HTML в Blogspot.

Приветствую Вас у себя на блоге. Сегодня попрактикуемся в использовании HTML в своем блоге. В предыдущем посте я Вам рекомендовал два курса Е. Попова. Напрасно, если Вы еще не воспользовались моим предложением. Щелкайте по картинке.
Итак, мы пишем пост (статью) в редакторе своего блога (режим Создать). Редактор это программа, которая следит за Вашими действиями и вставляет нужные теги в нужные места.

SEO, раскрутка блога.

Приветствую Вас. Как Ваши успехи? Не важно? Мало посетителей на блоге. А реклама пестрит предложениями по SEO раскрутке блога, да и на свою почту получаете бесплатные уроки и предложения приобрести курсы типа "SEO-бомба".
Откровенно говоря, я в никакое SEO не верю, а посему им никогда не пользовался (и вообщем то, я не одинок). Здесь выложу свою точку зрения, а Вы сами решайте: нужно оно Вам.
Кто придумал эту аббревиатуру SEO? Я не нашел.
SEO - Search Engine Optimization. Словари отказывались перевести эту фразу из трех слов. Первые два переводятся как машина поиска или алгоритм поиска. Сочетание первого и третьего - поисковая оптимизация. Если дать волю воображению, то все три - оптимизация алгоритма поиска.

Подписка, рассылка.

Зачем она нужна?  К Вам на блог заходят  посетители. Кому то не нравится и он сразу уходит. Кому то нравится и он оставляет Ваш блог в закладках браузера. За суетой он может забыть про Вас. Вы можете дать посетителю возможность подписаться на обновления блога с помощью RSS подписки.
Но, сегодня речь не о ней. Поговорим о сервисах рассылок. Их много. Наибольшей популярностью пользуются SmatResponder.ru и SubScribe.ru.

Карта блога

Вы уже, в отличии от меня, написали кучу статей в своем блоге. Вам самим уже трудно ориентироваться в нем. Что бы что то посмотреть нужно прокручивать страницы. А посетитель тем более не знает что у Вас есть. Одним словом нужно сделать оглавление, как в книге.
В интернете это называется карта блога.
Можно, не мудрствуя лукаво, решить проблему прямо в лоб:
1. Создать новую страницу, озаглавив ее карта блога, просто карта, оглавление, содержание ... . Все, моя фантазия кончилась.
2. На ней вручную написать все заголовки статей, сделав из каждого ссылку на соответствующую статью. Получиться примерно так:

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

Итак, Ваш блог уже имеет более менее божеский вид. Возможно есть посетители. У кого то из них возникнет желание пообщаться с Вами. Это, конечно, можно сделать через комментарии. Но лучше завести страничку обратной связи (контакт). Будете общаться тет а тет.
Это совсем не сложно и займет у Вас несколько минут.

Вставка изображения в заголовок.

Сегодня наша задача украсить шапку блога изображением. Его можно создать самому или найти готовое в интернете по запросу: картинки для шапки блога.

Вряд ли найдете то, что Вам подойдет на 100%. Что то захочется изменить или добавить. Для этого, как и для создания картинки самому, необходимо умение работать в графических редакторах. Рекомендую сразу освоить самый популярный для обработки фото редактор Photoshop.

Дизайн блога.

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

Блог на Blogger (BlogSpot).

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

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

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