Как Убрать Надпись «Подписаться на: Сообщения (Atom)» из Любого Блога на Blogger.com

Система Blogger.com — мощная платформа для ведения Интернет блогов и многие уже узнали на собственном опыте, что при помощи данного бесплатного блог сервиса можно легко создавать качественные Интернет сайты.

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

Зарабатывать при помощи рекламы Google Adsense очень легко, если правильно подойти к сути дела. Но сегодня хочу продолжить тему настройки шаблонов и бесплатных блогов на Blogger.com.

Удалить "Подписаться на: Комментарии к сообщению (Atom)"При ежедневном использовании своего блога на Blogger.com я заметил надпись, которая меня немного выводит из себя и я решил немного поиграться и попробовать удалить надпись «Подписаться на: Сообщения (Atom)» в своем блоге на Blogspot.com.

Если у Вас есть свой ресурс на Blogger.com, то после каждого поста Вы видеть данную надпись «Подписаться на: Сообщения (Atom)», которая является ссылкой на Ваш RSS фид. В реале, система Blogger добавила данную функцию чтобы посетители Вашего блога могли подписаться на Atom-канал.

Но насколько я знаю, многие давно уже не пользуются данной услугой и чаше всего используют RSS фид для подписки на блоги при помощи своего браузера (например для чтения RSS лент в Flock). Есть две основные причины для удаления данной функции из Вашего Blogger шаблона:

1) Лучше предложить читателям возможность подписки на блог при помощи рассылки от Feedburner. Детально про установку и функции Feedburner можно узнать из статьи «Установка Виджета «Подписки По Электронной Почте» для Блогов на Blogger.com«.

2) Кроме того, данная надпись-ссылка занимает место в нижней части Вашего шаблона и на это не очень приятно смотреть (но это мое мнение).

Многие люди, которые пытались удалить данную надпись искали фразу ссылки «Подписаться на: Сообщения (Atom)» в шаблоне, но дело в том, что данная функция прописана не при помощи HREF тега, но удаление ее не займет много времени. Можно даже сказать, что удаление является очень легким.

Итак, давайте приступим — перед тем как начать работу по изменению кода нашего шаблона («Дизайн» — «Изменить HTML»), сделать резервную копию своего шаблона в качестве меры предосторожности. Теперь, когда Вы перейдете по данному адресу, нажмите «Расширить шаблоны виджета» и произведите такой поиск при помощи комбинации клавиш CTRL+F в своем браузере.

<b:include name='feedLinks'/>

После удаления данной строки, надпись «Подписаться на: Комментарии к сообщению (Atom)» просто больше не будет появятся. Как по мне, данная модификация шаблона Blogger является очень простой и мало проблематичной. Поэтому даже при нулевых знаниях системы Интернет блогов Blogger.com можно будет сделать данную модификацию.

Еще хочу сказать, что данная функция очень редко используется в специально разработанных xml шаблонах для Blogger.com. Использовать данные темы очень легко, так как процесс изменения дизайна блога на Blogspot.com занимает считанные секунды.

Добавить CSS Стиль Границы Изображений в Блог Blogger.com

Создавать бесплатные сайты и на этом зарабатывать могут многие, но новички, которые даже толком не знают как создать и настроить Blogger блог должны с чего кто начинать и как по мне, ресурс Blogspot.com это очень даже подходящий выбор. А в дальнейшем можно создавать разнообразные ресурсы, раскручивать их и получить пассивную Интернет прибыль.

Настройка сайтов на Блогер занимает немного времени, но без сторонней помощи новичку не обойтись. В своем блоге я уже написал несколько уроков для Blogger (например показал как установить бесплатный шаблон для Internet блога или создать и установить иконку сайта Favicon) и сейчас продолжу на данную тему.

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

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

Чтобы добавить границы своих изображений, исполните несколько простых модификаций кода Вашего шаблона. Для начала войдите в контрольную панель блога на Blogger и нажмите «Дизайн» — «Изменить HTML». Теперь нажмите на кнопку «Расширить шаблоны виджета».

Теперь при помощи комбинации клавиш CTRL + F используйте поиск по коду Вашего шаблона и найдите фразу </ HEAD> в шаблоне. Перед (над) этим кустом кода надо добавить следующий код:

<style type='text/css'>
.borders {border:3px solid #E7E7E7;}
</style>

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

Для примера, покажу как работает новая система стилей для картинок в Blogger.com. Ранее код изображения выглядел вот так:

<img src="ссылка на картинку" alt="заголовок или альтернативный текст" />

Для активации нашего стиля (css стиль границы) надо добавить class нашего стиля (class=»borders»).

<img class="borders" src="ссылка на картинку" alt="заголовок или альтернативный текст" />

То, теперь публикуем или сохранияем сообщение дабы посмотреть новый стиль границ изображения. Для примера покажу мой код картинки с определенным class’ом прямо из моего Blogger блога.

<div style="text-align: center;"><img src="http://2.bp.blogspot.com/_-AgEQOcr5aQ/S2C1IHifgZI/AAAAAAAAAAs/i4xbzTpRXf8/s320/alertpay.jpg" <strong>class="borders"</strong> alt="" id="BLOGGER_PHOTO_ID_5431540301676118418" style="cursor: pointer; width: 262px; height: 62px;" border="0" />
</div>

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

<style type='text/css'>
.borders {border:3px solid #E7E7E7;}
</style>

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

Как Добавить Иконку Блога (Favicon) в шаблон на Blogger.com?

Система создания бесплатных блогов Blogger.com — отличный способ создать свой первый ресурс для Интернет заработка. Создание бесплатного сайта на Blogspot.com занимает всего несколько минут, а если еще добавлять качественный контент на свой сайт, то можно легко пробраться в топ и получать прибыль от контекстной рекламы, например от Google Adsense.

Многие блогеры на определенном этапе развития своего ресурса начинают задумываться над дизайном и простотой использования своего Интернет дневника. Скачать и установить бесплатную тему для Blogger.com, можно тоже в считанные минуты, так как есть огромное количество бесплатных дизайнов для использования на своих бесплатных блогах. Но многие так же хотят установить свою персонализированную иконку — Favicon.

Для начала давайте разберемся, что такое Favicon?

Favicon (сокращенно от favorites icon — избранная иконка), также данное понятие известно как веб-сайт значок, ярлык, URL иконка или значок закладки. То есть квадратный значок в 16 × 16, 32 × 32 или 64 × 64 пикселей, который привязанный к определенному веб-сайту или веб-странице. Веб-дизайнер (или простой веб-мастер, который знает какие инструменты использовать) может создать такой значок (Favicon) и установить его на свой веб-сайт или блог.

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

Не смотря на то, что Blogger.com это система бесплатного хостинга Интернет блогов, вместе с исходником шаблонов, Вы можете добавлять и редактировать иконки своего блога. Для этого, надо создать свою иконку в Photoshop (установив специальный плагин, для сохранения картинок в формате .ico) или найти интересную квадратную картинку и просто конвертировать ее в формат Favicon — .ico.

Для добавления значка своего блога в Blogger.com надо проделать 3 простых шага.

1. Если у Вас нету готового файла Favicon, в формате .ico, можно просто ее сгенерировать. Для этого идем на сайт бесплатного генератора и делаем парочку простых движений.

Ссылка для посещения — http://www.favicongenerator.com/

2. После того, как у Вас появится новоизданная иконка, ее надо будет загрузить на какой-то бесплатный хостинг картинок. Как по мне, ImageShack справится на все 100%.

Ссылка для посещения — http://www.imageshack.us/

3. Теперь, заходим в админку Вашего блога, и двигаемся в таком направлении — «Дизайн» — «Изменить HTML». Находим разметку «</head>». Мой пример:

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head> ...

}

]]></b:skin>
</head>

После этого, редактируем данный код и вставляем его до «</head>», где «URL Вашей иконки» — ссылка на Вашу иконку, которую Вы загрузили.

<link href='URL Вашей иконки' rel='shortcut icon'/>
<link href='URL Вашей иконки' rel='icon'/>

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