Полезности для блогера из Google+ (сентябрь 2013)

Совсем недавно в Blogger появилась возможность вставлять в посты своего блога любые общедоступные сообщения из социальной сети Google+.  Поэтому я попробовала сделать небольшую подборку заинтересовавших меня сообщений из моих круглов в этой соц. сети. Конечно же, темы постов окажутся полезными в первую очередь блогеру на Blogspot-е и будут затрагивать вопросы оформления и ведения блога именно на этой платформе.
Итак, заслуживающими внимание мне показались следующие сообщения:
  1. Aldous Snow. Расширяем возможности Blogger - ЧаВо по сторонним гаджетам.  
  2. Наталья Иванова. Подключаем SyntaxHighlighter – подсветку синтаксиса кода. 
  3. Анна Шефер. Как сделать одно сообщение постоянно вверху на blogger. 
  4. Сергей Загуляев. Как сохранять изображения, ссылки, документы из интернета в Google Drive. 
  5. Павел Яковлев. Кнопки Share42 для блоггер. 
А теперь можно увидеть и сами сообщения.

Изменение стиля оформления страницы "Содержание блога"

В предыдущей статье перечислены несколько способов оформления страницы "Содержание" в блоге. Иногда попадаются интересные варианты, однако не всегда их стиль оформления соответствует дизайну вашего блога. Эту проблему можно решить, введя некоторые изменения в файл CSS, прописанный в коде.
Для примера посмотрим, как будет выглядеть страница "Содержание" до и после внесения подобных изменений в файл CSS.
Источник кода взят в статье "Tabbed Table of Contents for Blogger".

Исходный и изменённый варианты страницы "Содержание"
Отображение страницы "Содержание":
слева - исходный вариант, справа - изменённый вариант
Исходный код (красным подчёркнут файл CSS, с которым будем работать):

Исходный код
Исходный код

Про Архив, Содержание и Карту сайта

Если с понятиями "архив" и "содержание" всё более-менее очевидно, то с "картой сайта" нет строгой определённости. Многие блогеры "картой" именуют отдельную страницу блога, на которой собрано всё содержание, т.е. полный перечень всех статей блога. В этом смысле, мне кажется, точнее было бы её назвать "содержание блога" или "архив статей". А "картой" именовать именно Sitemap. Но так уж сложилось, что "карта сайта" и "содержание"  - это практически одно и то же, поэтому я здесь их тоже не буду различать.
В этой статье объединены описания понятий "архив", "содержание" и "карта сайта", т.к. они по большому счёту служат характеристиками наполнения блога статьями и создаются для облегчения навигации по нему.

Изменение стиля оформления виджета "Популярные сообщения"

Изменила стиль оформления родного Blogger-овского виджета “Популярные сообщения”.
До изменения виджет выглядел так:
После добавления CSS виджет стал таким:

Виджет последних сообщений блога с помощью сервиса BuzzBoost от FeedBurner


FeedBurner - это веб-сервис для создания фида вашего блога и управления RSS-подписками, тесно связанный с блогами Blogger на Blogspot (приобретён компанией Google Inc в 2007 г.).
Так, например, если добавить в блог гаджет "Рассылка обновлений по электронной почте", то вашему блогу автоматически присвоится фид от FeedBurner-а.
Но, кроме того, в настройках этого сервиса есть много дополнительных возможностей.
Например, сервис BuzzBoost, который показывает последние сообщения вашего блога через фид (и этот фид можно использовать как виджет "Последние сообщения"). Он имеет много настроек и может быть помещён как в сайдбар, так и на отдельную страницу блога.

Как сделать оглавление статьи

HTML

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

Ссылка в статье на определённое слово в другой странице блога



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

Практический пример.

Я написала статью “Вставка кода в статью блога”. Адрес этой статьи exp13blog.blogspot.com/2013/06/vstavka-koda.html
Также у меня в блоге есть отдельная страница “Термины”, в которой я собираю краткие определения понятий, часто встречающихся в интернете. Её адрес exp13blog.blogspot.com/p/raznoje.html
Чтобы не загромождать статью пояснениями, что такое “код”, я просто даю ссылку на  страницу “Термины”, в которой находится его определение.