Содержание блога для Blogger

• Почему блог на Blogger ужасно выглядит в IE
• Как убрать "Показаны сообщения с ярлыком..."
• Выпадающее меню CSS для Blogger
• Оглавление блога для Blogger
• Постраничная навигация для Blogger
• Ссылки навигации Blogger

Что хотим добиться:

1. сделать удобную навигацию (пример),
2. создать индексируемые страницы, с которых вес распределяется на другие документы сайта (см. статью про перелинковку блога).

Подготовительный этап:

1. продумать структуру блога и разбить все публикации на 4-5 групп (максимум 15). Например, "feed", "blogger", "css", "seo".
2. Сообщениям присвоить выбранные ярлыки. Желательно латинскими символами в нижнем регистре.
3. реализовать меню. Я покажу один из способов.
   1. В гаджете "Страницы" нажать на "+ Добавить страницу со ссылкой"
      • в поле "Заголовок страницы" следует написать текст пункта меню (кириллицей).
      • в поле "http://" — URL ярлыка (латиницей)

        http://название_блога/search/label/название_ярлыка

      
   2. Добавить одноимённый гаджет на вкладке "Дизайн" в поле между "Заголовком" и "Сообщением"

Правим код:

Во избежания дублирования содержания, первые предложения статей не будут индексироваться. На вкладке "Шаблон" нужно произвести изменения

исходный кодитоговый код

      <b:if cond='data:blog.searchLabel'>
        <b:loop values='data:posts' var='post'>
        <div class='post-outer' expr:data-posttext='data:post.dateHeader + " — " + data:post.snippet'>
          <a expr:href='data:post.url'>
            <b:if cond='data:post.thumbnailUrl'><img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' width='72'/><b:else/><img expr:alt='data:post.title' height='70' src='http://3.bp.blogspot.com/_hljKDuw-cxQ/SsmfbhHhGrI/AAAAAAAAOU0/vCmT5Y4wzEo/s1600/vagaPlantilla_resumenpostsnoimage.gif' width='72'/></b:if>
            <data:post.title/>
          </a>
        </div>
        </b:loop>
      <b:else/>      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>      </b:if>

CSS стиль

До </head> внести

<b:if cond='data:blog.searchLabel'>
<style>
.post-outer {
  margin: 5px 0 0 0;
  height: 72px;
  padding: 10px 10px 25px 5px;
  font-size: 16px;
}
.post-outer img {
  float: left;
  padding-right: 13px;
}
.post-outer:after {
  content: attr(data-posttext);
  display: block;
  font-size: 13px;
}
</style>
</b:if>

Оптимизация title

Этот код приведём к другому виду:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <title>Шпаргалка блоггера</title> <!-- на блоге название написано строчными буквами, а в поисковых системах с заглавной -->
  <meta content='стать, блоггером, блогером' name='keywords'/> <!-- ключевые слова для Главной страницы -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <title><data:blog.pageName/> — <data:blog.title/></title> <!-- на Страницах title = заголовок статьи + название блога --> 
  <meta expr:content='data:blog.pageName + &quot; как сделать&quot;' name='keywords'/> <!-- "как сделать" - это общие слова, характерные для любой Страницы блога. Например, для сайта про машины - "авто автомобили" -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> — <data:blog.title/></title>
  <meta expr:content='data:blog.pageName + &quot; как сделать&quot;' name='keywords'/>
<b:else/>
<b:if cond='data:blog.searchLabel'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <meta expr:content='data:blog.pageName + &quot; своими руками&quot;' name='keywords'/>
<b:else/>
  <title><data:blog.pageTitle/></title>
  <meta content='noindex' name='robots'/>
</b:if>
</b:if>
</b:if>
</b:if>