Изменение Формы Комментариев в Blogger.com c Стандартной на Intense Debate

Ваш Рейтинг Записи:
1 звезда2 звезды3 звезды4 звезды5 звезд (2 оценок, в среднем: 5.00 из 5)
Loading ... Loading ...

В своих предыдущих статьях я писал о том, как можно модифицировать сайты на Blogger.com не только для получения максимальной прибыли, лояльности поисковых машин, а и для детальной настройки внешнего вида при помощи бесплатных XML шаблонов и других маленьких хитростей (например установки иконки Faveicon или добавления CSS стилей к графике добавленной в статьи блога).

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

Хотя система Blogger.com дает нам возможность настройки формы добавления комментариев в разделе «Комментарии», но если сравнить с той же Wordpress, которая является самой популярной платформой для ведения блогов, то функциональность честно говоря хромает.

Формы Расширенных Комментариев Intense Debate

Как по мне, самым большим недостатком есть то, что пользователь, который оставляет комментарии на Вашем blogspot.com блоге чаше всего для входа использует аккаунт Google. А всем нам хочется оставить просто свое Имя, email адрес и домен блога, а не ссылку на свой аккаунт в Blogger.com (что большой пользы не принесет).

Поэтому рекомендую воспользоваться услугами проекта Intense Debate, детальнее о котором можно узнать из статьи – «Функциональность и Использование Формы Расширенных Комментариев Intense Debate«. Данный проект предоставляет огромное количество бесплатных услуг для Вашего Blogger сайта, поэтому желательно прочитать всю информацию.

Давайте начнем установку расширенной формы комментариев для Blogger.com на IntenseDebate.com.

1) Переходим на сайт сервиса Intense Debate – IntenseDebate.com

Сразу после этого надо нажать на ссылку «Sign up», после чего Вы перейдете на страницу короткой регистрации.

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 1

2) Вводим необходимую для регистрации информацию

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 2

В регистрационной форме есть всего-навсего 4 поля:

Username - Имя пользователя

Email – Эл. почта

Password – Пароль

Confirm Password - Подтверждение пароля

I want to install IntenseDebate on my blog or website - Я хочу установить IntenseDebate на моем блоге или на сайте

3) Активация аккаунта в Intense Debate

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

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 3

4) Успешная активация и первые шаги к установке

Как только Вы активируете свою учетную запись в IntenseDebate можно будет приступить к установке новой формы комментариев.

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 4

Кликаем ссылку «Contrinue with installation» и вводим адрес блога, куда хочется установить данный виджет.

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 5

В моем случае, виджет устанавливается на Blogger.com, поэтому система Intense Debate рекомендует мне 2 вида установки виджета.

Вопрос системы 1: Как бы вы хотели установить IntenseDebate?

Вариант 1: Установка виджета – более простая установка, но может привести к медленной загрузке страницы
Вариант 2: Добавление кода в шаблон – уменьшает скорость нагрузки в несколько раз, но процесс установки займет больше времени

Вопрос системы 2: Для каких статей должны быть комментарии IntenseDebate включены?

Вариант 1: Только для новых постов. Для старых статей будет использована стандартная форма комментариев
Вариант 2: Для всех статей блога. Форма IntenseDebate будет доступна на всех страницах, но существующие комментарии будут скрыты.

Я рекомендую выбрать установку кода в шаблон и использование на всех страницах. Поэтому выбрать надо такую конфигурацию (детали на картинке):

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 6

Окей, теперь вся конфигурация выбрана, осталось только кликнуть ссылку «Open Blogger.com», которая откроет панель блогера в Blogger.com, где Вы сможете выбрать нужный блог.

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 7

5) Изменения исходного кода шаблона

Вот и пришла самая тяжелая часть нашей установки. Поэтому постарайтесь быть внимательными. После клика по «Open Blogger.com» в фрейме откроется Ваш блог, где надо будет выбрать путь «Дизайн» – «Изменить HTML» и после этого надо найти «Сохраните копию шаблона, прежде чем вносить в него изменения. Загрузить весь шаблон». Клик по ссылке «Загрузить весь шаблон» даст Вам возможность скачать шаблон. Поэтому качаем шаблон и сохраняем на свой рабочий стол.

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 8

Как только файл шаблона будет закачан, посмотрите на вертикальную колонку слева, где найдите такой текст: «Select the file on your harddrive by clicking «Browse» below:». Это означает, что Вам надо загрузить файл только что закачанного шаблона на сайт Intense Debate, система которого обработает Ваш шаблон. Выбрав файл Вашего шаблона можете смело жать «Upload File»

6) Установка нового кода шаблона

Теперь, когда система обработала Ваш шаблон, надо просто скопировать полученный код и заменить им свой старый XML код темы. Для этого в контрольной панели Blogger.com выбираем нужный блог, переходим на «Дизайн» – «Изменить HTML», где расширяем шаблоны виджета («Расширить шаблоны виджета»).

Скопировать новый код, обработанный системой Intense Debate можно под пунктом «3) Click once in the textfield above to select the converted HTML, then right-click to copy.» Итак надо просто 1 раз кликнуть на поле, где размещен код шаблона и скопировать его.

Установка Формы Комментариев Intense Debate в Blogger.com - Шаг 9

После этого можно смело заменить новым кодом старый код (перейти в Дизайн» – «Изменить HTML», «Расширить шаблоны виджета», нажать CTRL+A (выделить все), DEL (удалить), CTRL+V (вставить новый код)). Вот и все, сохраняем шаблон и получаем результат.

Установка Формы Комментариев Intense Debate в Blogger.com - Результат работы

Все не так уже и страшно, как может показаться. Даже без минимальных знаний английского языка можно установить форму комментариев Intense Debate и без проблем ею пользоваться. В сравнении с установкой шаблонов на Blogger.com, данная модификация покажется немного сложной, но надо идти вперед и не искать простых путей. Не забывайте подписываться на мою рассылку и читать Ezarabotok.info.

Функциональность и Использование Формы Расширенных Комментариев Intense Debate

Ваш Рейтинг Записи:
1 звезда2 звезды3 звезды4 звезды5 звезд (1 оценок, в среднем: 5.00 из 5)
Loading ... Loading ...

Создать свой Интернет блог на Blogger.com может любой пользователь в течении нескольких минут. Лично мне нравиться данный бесплатный сервис ведения личных дневников онлайн. Лично мне нравиться играться с разнообразными установками и виджетами. Не так уже давно я давал Вам ссылку на сайт, где можно найти бесплатные шаблоны для Blogspot.com. Но сегодня хотел бы рассказать о бесплатном сервисе, который напрямую связан с уроком для Blogger.com, который получил название «Установка Формы Расширенных Комментариев на сайты Blogger.com».

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

Мне кажется, что функциональности комментариев системы Blogger.com не хватает, но как Вы знаете, безвыходных ситуаций нету. Тут нам на помощь приходит очень качественный и перспективный проект. Intense Debate это многофункциональная система управления комментариями на любом блоге, в том числе и ресурсах созданных на Blogger.com.

В данной статье, хочу рассказать о функциональности системы Intense Debate, так как процесс установки IntenseDebate на Blogspot.com будет описан в следующей статье.

Формы Расширенных Комментариев Intense Debate

Функциональность Сервиса Intense Debate

Прежде всего при помощи данной системы, Вы сможете дать своим читателям инструменты для активного участия дискуссиях статей Вашего блога. После установки IntenseDebate, читатели смогут добавлять комментарии используя свои учетные записи Facebook Twitter или OpenID (что является весьма хорошим дополнением). Инновационные инструменты для обсуждения статей любого блога, делают процесс обсуждения контента любого ресурса проще и веселее.

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

1) Комментарии

Как уже было сказано, IntenseDebate присылает оповещения по электронной почте Вам и всем вашим читателям, когда появляются новых комментарии. Данная функция приводит к повторному посещению Вашего ресурса теми, кто уже комментировал статьи блога и к большему количеству комментариев на блоге. Вы можете отвечать на комментарии (и модерировать отзывы читателей) при помощи email сообщений, а функция ответа на комментарии определенного автора дает возможность легко следить за дискуссией вызванной статьей.

2) Comment Threading

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

3) Комментирование по email

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

4) Профили комментаторов

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

5) Модерация и создание черных списков

IntenseDebate предлагает несколько уникальных функций и инструментов для качественной модерации Вашего блога. Настройка параметров построения черных списков может быть по ключевым словам, количеству ссылок, имени комментатора, электронной почте и / или IP-адресу.

6) Очки репутации и голосование за комментарии

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

7) API Плагины

Не так давно Intense Debate представила новую функцию – возможность разработчикам представить свои творения в виде плагинов для IntenseDebate. На данный момент уже есть ряд дополнительных установок для данного сервиса, самые популярные это плагин опросы PollDaddy, видео комментарии от Seesmic, возможность добавления комментариев к YouTube видео, множество необыкновенных смайлов и многие другие функции.

8 ) Поддержка OpenID

После установки формы расширенных комментариев Intense Debate в Ваш блог на Blogger.com, Ваши читатели и пользователи смогут оставлять комментарии используя учетную запись OpenID без каких-либо проблем. Они могут связать свой аккаунт OpenID и их профиль в IntenseDebate. При таком раскладе, не придется беспокоиться о случайной потери созданного пароля.

9) Виджеты для блогеров

На данный момент, Intense Debate поможет Вам не только следить за комментариями блога, а и показывать статистику комментирования. Были созданы несколько хороших виджетов для отображения вот такой статистики: статистика комментариев блога, самые последние комментарии оставленные в блоге, рейтинг Ваших самых популярных записей, последние комментарии автора Интернет дневника или рейтинг лучших комментаторов Вашего блога.

10) Опции для пользователей Twitter.com

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

11) RSS читатели и Tracking

В придачу к всем вышеуказанным функциям, IntenseDebate добавили интеграцию комментариев для пользователей Google Reader и Bloglines. Данная интеграция даст возможность читать и оставлять комментарии прямо из вашего RSS клиента.

12) Поддержка Gravatar

IntenseDebate предлагает полную поддержку Gravatar. В первую очередь это касается Вашего аватара. После регистрации на Intense Debate Вы сможете использовать свой Gravatar или загрузить другой рисунок в профиль.

13) HTML форматирование

Вы также можете настроить Ваши ссылки и добавить несколько фотографий в тело Ваших комментариев. IntenseDebate поддерживает следующие HTML-теги: <a>, <b>, <i>, <u>, <em>, <p>, <blockquote>, <br>, <strong>, <strike>, <img> .

Спасибо за Ваше внимание и не забывайте читать последние новости из Ezarabotok.info. Следить за обновлениями можно при помощи рассылки от FeedBurner.

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

Ваш Рейтинг Записи:
1 звезда2 звезды3 звезды4 звезды5 звезд (2 оценок, в среднем: 5.00 из 5)
Loading ... Loading ...

Система 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 занимает считанные секунды.

Установка Виджета «Тут Могла Быть Ваша Реклама» для Блогов на Blogger.com

Апрель 26, 2010 1 коммент.
Ваш Рейтинг Записи:
1 звезда2 звезды3 звезды4 звезды5 звезд (2 оценок, в среднем: 5.00 из 5)
Loading ... Loading ...

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

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

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

Вы наверняка видели разнообразные способы, которые блогеры используют для продажи рекламного места на своих Интернет дневниках. Самым частым и простым методом продажи места под рекламу на своем блоге является виджет «Тут может быть Ваша реклама». Скорее всего Вы уже видели вот такие виджеты даже на сайтах Blogger.com и чаще всего продают баннерные места под графику размера 125*125 пикселей.

Данные виджеты размещаются в боковой колонке любого блога всего за несколько минут. Для этого Вам не нужно будет менять исходный код шаблона своего блога, для этого надо просто использовать виджет HTML/Javascript в Blogger.com.

Как я уже сказал, добавление рекламного места под продажу на блоге Blogger.com не так тяжело и для проведения данной операции потребуется меньше 5 минут. Наша задача – создать рекламное место «тут может быть ваша реклама», при том что, я предоставлю парочку шаблонов для рекламных баннеров.

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

Использование виджета "Ваша реклама тут" на Blogger.com

После этого проходим по такому маршруту – «Дизайн» – «Элементы страницы», где можно будет увидеть визуальный макет Вашего блога. Теперь нажимаем «Добавить гаджет» и выбираем виджет «HTML/JavaScript» (Добавляйте в свой блог приложения или другие коды независимых производителей.).

Для начала, создайте страницу, где будут точно описаны цены на размещение рекламных блоков на Вашем личном Интернет блоге и Вашу контактную информацию (пример: http://ezarabotok.info/advertising/). А сейчас займемся формированием код Вашего виджета продажи рекламы. В зависимости от Вашего желания, можно продавать как 2 рекламных места, так и 4 (но и так далее 6 и 8).

Пример кода одного баннера:

<a href="Ссылка на рекламный ресурс или страницу с ценами на размещение рекламы" rel="nofollow"><img alt="Описание сайты рекламодателя или страницы продажи рекламного места" src="Размещение картинки рекламного ресурса или стандартного баннера" style="padding:3px ;background-color:#E7E7E7" /></a>

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

Итак, если считать, что у Вас еще нету рекламодателей и Вы хотите создать рекламный виджет на 2 или 4 баннера, то устанавливаем такой код:

<a href="Ссылка на рекламный ресурс или страницу с ценами на размещение рекламы" rel="nofollow"><img alt="Описание сайты рекламодателя или страницы продажи рекламного места" src="Размещение картинки рекламного ресурса или стандартного баннера" style="padding:3px ;background-color:#E7E7E7" /></a>
<a href="Ссылка на рекламный ресурс или страницу с ценами на размещение рекламы" rel="nofollow"><img alt="Описание сайты рекламодателя или страницы продажи рекламного места" src="Размещение картинки рекламного ресурса или стандартного баннера" style="padding:3px ;background-color:#E7E7E7" /></a>

При использовании данного кода и размещении его в своем виджете, Вы получаете 2 рекламных места. Как только Вы скачали мои картинки, загрузите их на свой блог в Blogger.com и замените строку

src="Размещение картинки рекламного ресурса или стандартного баннера"

на ссылку на картинку на своем блоге. Вот пример моего виджета «Тут Могла Быть Ваша Реклама» на 2 рекламных баннера:

<a href="http://ezarabotok-info.blogspot.com/2010/01/alertpaycom.html" rel="nofollow"><img alt="Ваша реклама" src="http://4.bp.blogspot.com/_-AgEQOcr5aQ/S9PuvW_VtCI/AAAAAAAAACE/G_YBM2DmXAU/s320/125X125.jpg" style="padding:3px ;background-color:#E7E7E7" /></a>
<a href="http://ezarabotok-info.blogspot.com/2010/01/alertpaycom.html" rel="nofollow"><img alt="Ваша реклама" src="http://3.bp.blogspot.com/_-AgEQOcr5aQ/S9Pu7HXB34I/AAAAAAAAACM/xYuYKRFHRME/s320/125x2.jpg" style="padding:3px ;background-color:#E7E7E7" /></a>

и тот же виджет, но на 4 баннера и с размещением по центру:

<div align="center"><a href="http://ezarabotok-info.blogspot.com/2010/01/alertpaycom.html" rel="nofollow"><img alt="Ваша реклама" src="http://4.bp.blogspot.com/_-AgEQOcr5aQ/S9PuvW_VtCI/AAAAAAAAACE/G_YBM2DmXAU/s320/125X125.jpg" style="padding:3px ;background-color:#E7E7E7" /></a>
<a href="http://ezarabotok-info.blogspot.com/2010/01/alertpaycom.html" rel="nofollow"><img alt="Ваша реклама" src="http://3.bp.blogspot.com/_-AgEQOcr5aQ/S9Pu7HXB34I/AAAAAAAAACM/xYuYKRFHRME/s320/125x2.jpg" style="padding:3px ;background-color:#E7E7E7" /></a>
<a href="http://ezarabotok-info.blogspot.com/2010/01/alertpaycom.html" rel="nofollow"><img alt="Ваша реклама" src="http://3.bp.blogspot.com/_-AgEQOcr5aQ/S9Pu7HXB34I/AAAAAAAAACM/xYuYKRFHRME/s320/125x2.jpg" style="padding:3px ;background-color:#E7E7E7" /></a>
<a href="http://ezarabotok-info.blogspot.com/2010/01/alertpaycom.html" rel="nofollow"><img alt="Ваша реклама" src="http://4.bp.blogspot.com/_-AgEQOcr5aQ/S9PuvW_VtCI/AAAAAAAAACE/G_YBM2DmXAU/s320/125X125.jpg" style="padding:3px ;background-color:#E7E7E7" /></a></div>

Итак, после нескольких минут работы я установил на своем Blogger блоге рекламный блок на 4 рекламных баннера. Пример можно просмотреть на картинке выше.

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

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

Ваш Рейтинг Записи:
1 звезда2 звезды3 звезды4 звезды5 звезд (2 оценок, в среднем: 5.00 из 5)
Loading ... Loading ...

Создавать бесплатные сайты и на этом зарабатывать могут многие, но новички, которые даже толком не знают как создать и настроить 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 и Вы сможете сделать Ваш ресурс еще более привлекательным. Если возникают какие-либо вопросы, оставляйте комментарии и я на них с радостью отвечу.

Страница 1 из 2112345...Last »

В поддержку ресурса Ezarabotok.info

^Реклама На Сайте^

Интернет Курс — Заработок в cети с PTC

Книги О ЗаработкеПроектом Заработок.ком создана первая книга о заработке в сети. Это только первая версия (V1.0), но я отлично поработал и могу гарантировать то, что на большинство вопросов Вы сможете найти ответы!

Заработок на рекламе Google Adsense

Думаете о том как можно заработать денег при помощи своего блога или Интернет сайта? Зарабатывать при помощи рекламы Google Adsense очень просто. Загляните в рубрику - "Google Adsense заработок" и узнайте как можно получать прибыль от любого сайта или блога.

Создание и Оптимизация – Blogger.com


Хотите как создать бесплатный сайт и на нем заработать в сети? Узнайте о том, как создавать ресурсы при помощи системы Blogger.com и получайте прибыль от своего блога в системе Blogspot.com.

Подписка от FeedBurner

Введите email адрес:

Сервис от FeedBurner


Ad Ad Ad Ad

Наш Форум О Заработке В Интернете

Форум О Интернет Бизнесе

В Поддержку Ресурса

Популярные теги о заработке



Календарь Добавлений

Сентябрь 2010
Пн Вт Ср Чт Пт Сб Вс
« Май    
 12345
6789101112
13141516171819
20212223242526
27282930  

Цель Данного Проекта

Хотелось бы доказать силу своих знаний и продвинуть сайт по таким ключевым фразам:
  • Заработок В Интернет
  • Заработать В Сети
  • Легкий Заработок В Интернете
  • Интернет Заработок
  • Заработок В Интернете Без Вложений