2012-06-30

Textual description of firstImageUrl

Видоизменяем рейтинг записей блога Blogspot

рейтинг записей блога
Отследить реакцию ваших читателей вы можете при помощи рейтинга записей блога. Именно об этом пойдет речь в этой статье. Не все читатели любят оставлять комментарии, но они могут оценить статью при помощи удобного виджета Blogger. Представлю для вас виджет рейтинга двух видов:
  1. рейтинг в виде звезд (оценка от1 до 5),
  2. рейтинг большого пальца (оценка понравилось / не понравилось).
Установка виджета рейтинга записей:
  1. Прежде чем приступить к редактированию шаблона, сделайте резервную копию (Шаблон –> резервное копирование и восстановление –> Загрузить шаблон полностью). Этот шаг предотвратит вас от неожиданных ошибок и потерь. Если что-то пойдет не так, вы всегда можете вернуть свой шаблон до изменений.
  2. Теперь можете смело приступить к редактированию шаблона. Перейдите во вкладку Дизайн –> Изменить HTML: 
    изменить_HTML
  3. Поставьте галочку напротив пункта Расширить шаблон виджета:

    расширить шаблон виджета
  4. Найдите в коде шаблона отрезок <div class='post-header-line-1'/> и вставьте после него код:
    <div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
    </div>
    Это будет выглядеть следующим образом:
    код_рейтинга_записей
  5. Теперь найдите </body> и вставьте перед ним отрезок кода:

    <script src='http://js-kit.com/ratings.js'/>
    body
  6. Теперь добавьте следующий стиль CSS перед ]]></b:skin>
    .js-kit-rating {
    height:45px;
    text-indent: -9999px;
    overflow:hidden;
    text-indent: -9999px;
    width:85px !important;
    }
    стиль css
Для того, чтобы установить в блог рейтинг записей в стиле большого пальца, вам нужно заменить код в четвертом пункте (код после <div class='post-header-line-1'/> на код:
<div class='js-kit-rating' view="score"  expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>
Остальные этапы идентичны установки рейтинга звезд. После всех проделанных изменений вы получите рейтинг вида:
htqnbyu pfgbctq
Читать далее ...

2012-06-20

Textual description of firstImageUrl

Простой способ добавить Adsense на Blogspot

html
Не секрет, что для многих блогеров язык html, является чем-то непостижимым и таинственным. Однако платформа blogger.com позаботилась о том, чтобы добавление рекламы Adsense в гугл блоги было доступно каждому. Кроме того, в этом методе, кроме простоты и удобства, есть и другие преимущества.
Напомню, что подробную инструкцию о заработке на google adsense и установке его в блог с помощью кодов вы также найдете в моем блоге.
Все этапы проводятся в админ.панели вашего блога Blogger:

  1. Во вкладке “Прибыль” соединяем аккаунты вашего блога и Adsense. В случае, если у вас нет аккаунты Google Adsense, то заводим новый.
  2. В следующем шаге вам нужно сделать первичную настройку показа рекламных объявлений в блоге. Здесь вы выбираете месторасположение объявлений – если вы хотите использовать все доступные места для объявляений, то выбирайте пункт “Показывать объявления в боковой панели и сообщениях”. Если же хотите наложить запрет на трансляцию объявлений в определенных местах своего блога, то выберите другой подходящий для вас пункт.  Думаю, что нет необходимости в выборе пункта отличного от “Показывать объявления в боковой панели и сообщениях”, так как настройку отображения объявлений вы будете проводить сами, и далее вы можете просто не включать блоки Adsense в ненужных местах блога.
    Еще один пункт первичной настройки очень важен – с помощью него вы определите нужны ли вам объявления в фиде (ленте RSS блога).
  3. Теперь идите во вкладку “Дизайн” и все последующие изменения будете проводить уже в ней.
    • Для того, чтобы вставить рекламный блок Adsense в боковую колонку (сайдбар) блога, воспользуйтесь добавлением гаджета Adsense.
      гаджет_adsense
      Настройка рекламных объявлений с помощью этого гаджета – выберите тип и настройте цветовую гамму объявлений. Вы можете выбирать цвета из предложенных автоматически, но лучше подберите индивидуально при помощи программы colorpic.
      настройка_блока_adsense
    • Вставляем блок Adsense после сообщения блога. Это производиться также во вкладке Дизайн административной панели вашего блога. Но в данном случае вы меняете элемент страницы “Сообщения блога”. блок_рекламы_после_сообщения
      Прокручиваем настройки для сообщения и в самом низу настроек включаем пункт “Показывать объявления между сообщениями”, здесь вы также настраиваете тип объявления и цвета рекламного блока.

      Теперь расскажу об обещанных в начале этой записи преимуществах вставки Google Adsnse без кодов. В данном случае вы можете автоматически прописать, чтобы ваше объявление встраивалась под первым, под верхними двумя или тремя сообщениями блога, чего нельзя сделать, если вы вставляете блоки при помощи кодов.
Как выровнять по центру объявления Adsense?
В стандартном шаблоне Blogger рекламные объявления примут центральное расположение автоматически. Но как же быть с нестандартным шаблоном, чаще всего в нем блоки занимают левое положение.
Вы можете центрировать объявления двумя путями:
  1. Шаблон –> Настроить –> Дополнительно –> Добавить CSS
    Пропишите код
    .AdSense{text-aling: center;}

    Center ads
  2. Если первый способ не работает, то найдите в коде шаблона (не забудьте расширить шаблоны виджетов) отрезок кода
    <data:adCode/>
    Вставьте его между кодами <center> и </center>, чтобы получилось следующее:
    <center><data:adCode/></center>
Читать далее ...

2012-06-04

Textual description of firstImageUrl

Обзор блога Damir-tote

damir-tote
В моем блоге вы уже не раз встречали обзоры блогов. На этот раз я познакомлю вас с блогом Дамира Бабичева, известного под псевдонимом Damir-tote. Его блог, как и мой, посвящен ведению блога на площадке Blogger.com. Как известно, эта платформа имеет свои нюансы и особенности блоговодства.
Это не только более широкие возможности по редактированию дизайна, но и свои секреты оптимизации и продвижению, а также заработку. Поэтому, если вы всерьез занимаетесь ведением блога, и ставите конкретные цели и задачи перед собой в этой области (т.е. это для вас больше, чем хобби), то я рекомендую обратиться за помощью к Seo Blogger.
Сильные стороны блога Damir-tote:

  • четкая структура блога. Оказавшись здесь впервые, вы сразу поймете, где что лежит.
  • обратная связь с автором. Вы можете задать вопросы не только в комментариях, но и лично автору посредством обратной связи.
  • возраст блога более 1,5 лет, посещаемость более 300 в сутки, блог имеет показатели ТИЦ 10, pr 2, что свидетельствует о доверии поисковых систем.
  • В блоге регулярно проходят акции и конкурсы.
В блоге Дамира есть развернутая шпаргалка Блогспот новичку, благодаря которой любой начинающий блогер сможет создать блог, отредактировать шаблон, убрать навбар, прикрутить домен второго уровня, изменить систему комментирования и многое другие советы по улучшению блога.
Если вы не хотите сами вникать во все тонкости, то вы можете заказать разработку блога, прикрепление домена, уникальный дизайн и услуги по продвижению в этом блоге. Загляните в раздел Услуги, и вы найдете там всю необходимую информацию.
И напоследок добавлю, что карту блога, я составляла, используя скрипт, который нашла в блоге Дамира. В той же записи предложены и другие варианты карты сайта, в том числе и раздвижная карта сайта.
Читать далее ...