БЛОГОВОДСТВО

ПЕРСОНАЛИЗАЦИЯ БЛОГА

Создать блог на Blogger - последовательные шаги

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

Тем не менее, процесс требует выполнения обязательных последовательных шагов.

Если вы предполагаете использовать блог только как личный дневник - вполне достаточно выполнить первые три шага. 

Если же в Ваших планах создание профессионального блога с перспективой превратить его в мощный источник регулярных доходов - необходимо пройти все шаги полностью.

1.  Регистрация аккаунта в Gmail
2.  Регистрация названия и адреса блога
3.  Выбор временного шаблона
4.  Публикация двух-трёх постов
5.  Перенаправление канала RSS через FeedBurner
6.  Настройки в панели администратора
7.  Замена шаблона на готовый из Интернета, или настройки в Дизайнере шаблонов Blogger
8.  Регистрация и верификация в Инструментах вебмастеров Google
9.   Добавляем код Google Analytics
10. Регистрация и верификация в Инструментах вебмастеров Yandex
11. Настройки метатегов в разделе head шаблона (ключевые слова. заголовки, canonical и др.)
12. Заполняем и настраиваем статические страницы ("Контакты", "О блоге", "Услуги" и т.д.)
13. Закрываем от индексации ярлыки
14. Оформляем форму подписки в сайдбаре
15. Оформляем форму подписки в конце поста
16. Добавляем кнопки социальных сетей
17. Вставляем счётчики
18. Настройки поиска в панели администратора
19. Оптимизация сообщений
20. Оптимизация изображений
21. Добавляем поиск по сайту от Google и Yandex
22. Создание карты сайта
23. Вставляем виджет "Последние статьи"
24. Вставляем виджет "Популярные статьи"
25. В конце поста добавляем виджет похожих сообщений
26. Виджет с картинками от LinkWithin
27. Добавляем код Яндекс-метрики
28. Подтверждаем авторство в расширенных сниппетах Google
29. Удаляем лишние внешние ссылки (ссылки быстрого редактирования и пр.)
30. Настраиваем систему комментирования
31. Добавляем блог в аддурилки Google и Yandex
32. Если есть необходимость - переводим блог на домен второго уровня (этот шаг платный)
33. Ускоряем индексацию с помощью Twitter, Google+ и Facebook

Уверен, эта информация была для вас полезной ! Следите за развитием темы !

  

Как добавить или изменить favicon на Blogger Blogspot

Favicon (Favorites Icon) - это маленькая картинка (обычно 16p x 16 px), которую вы видите  перед именами некоторых сайтов в адресной строке браузера.

Собственный значок с хорошим графическим напоминанием о вашем сайте - прекрасный  способ получить внимание посетителей снова. 

Теперь и Blogger - пользователи могут добавлять пользовательские иконки для своих блогов. 

Шаги добавления своей собственной иконоки: 

1.Войти в панель вашего Blogger, перейдите в раздел Дизайн -> Элементы страницы. 

2.Нажмите на ссылку «Изменить» на «Значок» в панели настройки выше навигационной панели элементов. 

3. Появится всплывающее окно, где вы можете найти изображение на вашем жестком диске, чтобы заменить значок по умолчанию. Нажмите на кнопку «Выбрать файл» и найдите Ваш значок (он должен иметь расширение ICO.) , нажмите кнопку «Сохранить». 

4. Теперь вы должны увидеть вашу собственную иконку вместо того, чтобы по умолчанию значок блоггера. 

Не волнуйтесь, если значок не будет отображён немедленно. Это может занять некоторое время, нужное для поисковиков, пока ваша новая иконка появится на вкладке браузера.

Если вы хотите добавить анимированные значки для Ваших блогов Blogger, то вы должны следовать другим методом. 

Как добавить анимированную иконку в Blogger 

1. Войти в свою учетную запись Blogger> Дизайн> Изменить HTML> галочку «Расширить шаблоны виджета» окно 

2. Поиск (Ctrl + F), ищем ссылку на анимацию

3. И как раз над ним, вставьте следующий код: <Ссылка HREF = « ваша ссылка на иконку » REL = «икона» Тип = «Изображение / GIF» /> 

4. Сохранить шаблон. Теперь ваши иконки должны быть живыми. Откройте свой ​​блог, чтобы увидеть его в действии.

Как сделать радиусные уголки у изображений на блоге.

Любой желающий может сделать закругления изображений в своем блоге.
Для автоматизации процесса существует небольшой скрипт который генерирует код border-radius который и позволяет осуществлять закругления краев изображение. Закругление кроссбраузерное - в Opere, Chrome, IE, Mozila будет работать даже в старых версиях. Для этого вам в коде HTML, в специальном поле необходимо указать число желаемого закругления (вместо 3рх!). Далее в заходим в свой блог - Дизайн - Добавить гаджет - HTML/JavaScript -

и вставляем там код 

<style>.post-body img{-webkit-border-radius:px!important; -moz-border-radius:px!important; border-radius:3px!important;}</style>

заголовок оставляем пустым. Готово - радуемся ! В любой момент можно удалить гаджет и все вернется к старым настройкам. Так же код можно вставить в Шаблон, если первый вариант вам не подошел  (только сохраните перед этом старый вариант шаблона). 

Кнопки социальных сетей для Blogger`а

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

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

Вариант 1 

На Blogger`е уже существует некоторый набор кнопок. 

Но привлекательными они не выглядят. Давайте их раскрасим. Если такие кнопки у вас не стоят, то зайдите на вкладку "Дизайн" и в настройках сообщения блога поставьте галочку "Показывать кнопки для публикации". Теперь добавим цвета. Выбираем вкладку "Шаблон" - "Изменить HTML"  и там поставьте галочку в чекбоксе "Расширить шаблоны виджета". Теперь перед кодом ]]></b:skin  вставляем:

.sb-email {background-position: 0 -40px !important;}

.sb-blog {background-position: -20px -40px !important;}

.sb-twitter {background-position: -40px -40px !important;}

.sb-facebook {background-position: -60px -40px !important;}

.sb-buzz {background-position: -80px -40px !important;}

a.share-button{

-moz-box-shadow: 0 0 1px #FFF inset;

-webkit-box-shadow: 0 0 1px #FFF inset;

box-shadow: 0 0 1px #FFF inset;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

}

a.share-button:hover {

-moz-box-shadow: 0 0 4px #FFF inset;

-webkit-box-shadow: 0 0 4px #FFF inset;

box-shadow: 0 0 4px #FFF inset;

}

Код ]]></b:skin  легко найти, если нажать клавиши CTRL+F и ввести его в окошке поиска.

ВНИМАНИЕ!!! Перед тем как вносить изменения в HTML код шаблона, сделайте резервное копирование, чтобы была возможность восстановить все настройки! 

После вставки кода сохраните изменения и - о чудо! - кнопочки стали цветными!

Вариант 2

Готовые и очень симпатичные кнопочки предлагает Яндекс. Код кнопок можно вставить в код шаблона блога, и тогда они будут появляться автоматически в конце каждой статьи, а можно и отдельно вставлять в каждую статью. Во втором случае они не будут видны на главной странице.   Для того чтобы установить подобные кнопки перейдите по ссылке http://api.yandex.ru/share  и сделайте все необходимые настройки. Скопируйте полученный код и вставьте его в HTML код шаблона после тега <data:post.body/>. Как его найти смотрите в описании первого варианта. 

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

Вариант №3 

А вот еще очень интересный вариант. Для установки горизонтального виджета в HTML шаблоне блога найти тег <data:post.body/>  
и вставьте код.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id="share42init">

</div>

<script type="text/javascript" src="http://blogabloger.ru/share42/gorizontal/share42.js"></script>

<script 

type="text/javascript">share42('http://blogabloger.ru/share42/gorizontal/')</script>

<link type='text/css' rel='stylesheet' 

href='http://blogabloger.ru/share42/gorizontal/share42.css' />

</b:if>

Сохранение зафиксирует в блоге вот такой набор кнопок. О том, как правильно вставить код, подробно рассказано в первом варианте.

Все эти варианты были опробованы мною лично и проверены - всё работает. Я остановился на варианте №2.

Вам понравилась статья? Опробуйте кнопочки!