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

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

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

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

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

Правим код:

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



      <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>
в f t
наверх ↑

35 комментариев:

PANIC
а как Вам содержание от http://izhurnal.blogspot.com/2010/11/blog-post_11.html ?
там гораздо больше возможностей для оформления)
NMitra
Да, оно тоже имеет место быть. Я показала лишь те варианты, которые не были опубликованы на русском языке, дабы не повторяться. Остальное - на выбор пользователя.
Yara
Пожалуйста, подскажите новичку, как сделать такое меню, как здесь: http://prilozhenie9.blogspot.com/p/3.html ? (То есть "Меню с использованием ярлыков"). С Оглавлением я вроде бы разобралась, а вот хочется еще и такое меню... :)
NMitra
Посмотрите эту статью http://shpargalkablog.ru/2011/03/yarlyki-blogger.html. В ней есть также ссылка на страницу с кодом меню. Я её сразу не даю, поскольку информация взаимосвязана.
Анонимный
A где третий вариант? чёйто нету
NMitra
Исправилась, вот ссылка - http://shpargalkablog.ru/2011/04/krasivoe-oglavlenie-blogger.html
Святослав
сделал первый вариант, но почему то новые статьи синим цветом а старые красным отображаются, а в коде ведь css стилей нет. В чем причина может быть?
NMitra
Это у вас стандартные цвета шаблона, которые будут применяться для всего блога:

"Дизайн"-"Дизайнер шаблонов"-слева "Дополнительно"-"Ссылки"
Святослав
Хм, я почему то думал что это в скрипте прописано. Дизайнер шаблонов у меня не работает, шаблон нестандартный. Пришлось в коде копаться, главное получилось. Спасибо!)
Бабуся Ягуся
Спасибо за пост. Выбрала пока первый вариант.Он самый простой
МИра
Спасибо за совет. Применила первый вариант. Настроение сразу улучшилось:)
Detsle
Блог по шаблону, где в хронологии все посты отображаются. Сейчас изменил дизайн блога, зашёл в настройки - изменить страницы - добавить страницы и получилось что теперь у меня есть главная страница и еще страницы распогагаются на внешнем профиле как на сайте закладки- н-р Новости, Это интересно, Люди и события и пр..., вопрос встал в том- как туда по темам перенести старые сообщения вместе с комментариями (на те сообщения в свое время люди давали комменты).
NMitra
Присвоить ярлык старым сообщениям, например, "news". В меню дать ссылку на

http://detsle.blogspot.ru/search/label/news
Александр Александрович
Здравствуйте...Как переместить этот блок в другое место?) http://saveimg.ru/pictures/18-04-13/8fb01154fe23afffc76c539287a01906.PNG

Это блок я создавал через "Страницы", а выше который - через HTML
NMitra
Здравствуйте, не поняла вопроса. Вкладка "Дизайн" не подходит?
Александр Александрович
Вот главное, что тот блог нельзя чего-то передвинуть.
NMitra
Довольно трудно объяснить как в шаблоне блок переставить.
Александр Александрович
Напишите в кратце плиз, если не сложно...
NMitra
Куда вам нужно перенести?
Александр Александрович
В самый низ !
NMitra
Вот по этому принципу http://shpargalkablog.ru/2011/01/dobavit-blok-v-zagalovok-blogger.html , только секция

<b:section class='foot' id='footer-3' showaddelement='no'>
Анонимный
а как именно гаджет добавлять и какой?
NMitra
Гаджет "Страницы". Слева в админке увидите меню, пункт меню "Дизайн".
Александр Александрович
Купил домен 2 уровня. Не подскажите, почему с www.site.ru сайт работает, а без www - нет.
NMitra
Там галку нужно поставить, посмотрите скриншот http://shpargalkablog.ru/2010/07/pokupka-domena-s-nulya.html
Александр Александрович
NMitra, спасибо, чет не заметил)
Александр Александрович
Я сделал меню "категории сайта" с помощью "Ярлыков" . Ка сделать так, чтобы при переходе на определенный ярлык, сообщение было всегда первое?
NMitra
Использовать гаджет HTML/JavaCsript. С помощью стилей замаскировать его под сообщение. И ограничить условием для одного ярлыка http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html

Как-то сложно получается, но других идей пока что-то не возникло.
Clear Made
Наталья, мне весь этот блог менять на ваш из Оптимизации title?
https://lh3.googleusercontent.com/-mm6F8dPuGJU/Uk3BKl9PM-I/AAAAAAAAGCI/vfTQ4ifQRQY/s912/111.png
...
и еще у меня в блоге есть красные строки. Это G+1 наверное криво вставлено. Да?
NMitra
Только смотрите какие там слова поменять на свои. Они выделены жирным шрифтом. А то будет у вас тоже "Шпаргалка блоггера"
Clear Made
Ну, уж, это понятно))))))))
Ольга Прозорова
НЕДЕЛЮ ликовала, а сейчас главная страница, где находится содержание вообще не открывается, мало того и другие гаджеты не запускаются
NMitra
Не может быть так: неделю всё работало, а потом вдруг сломалось. Либо внесли ещё какие-то изменения, либо, если прикреплён свой домен, ваш хостер шалит
Лариса
Mitra, а как сделать, чтобы на одной странице все статьи выходили? - карта для людей. По всем ярлыкам сразу.
NMitra
Можно скриптом. У меня одно время была реализация, а потом убрала. Она поисковиками не индексируется. У себя так вручную разношу по страницам.