«Читать дальше» — фишка для Blogger

7
Просмотров: 940

Многие из вас пользуются сервисом Blogger ака blogspot.com. Удобный легкий в обращении, есть возможность в отличии от WordPress править Html код.
Я часто читаю посты опубликование на blogspot.com. , но вот лично мне не очень нравится, так это то что текст идет на всю страницу. Я больше люблю когда есть анонс поста, а также под ним ссылка вроде: read more или читать дальше.
Как я понял в админке blogspot.com нет такой фишки которая бы позволяла разделять так посты.
Но для тек кому это надо и те кто хочет этим пользоваться, то всегда есть выход, тем более, что как я писал, что огромный плюс blogspot.com. в том, что можно свободно править макет вашего блога.

Так как же все таки добавить этот «плагин» ?

  1. Переходим во вкладку Макет —>Изменить HTML, ставим галочку на Расширить шаблоны виджета.
  2. Ищем вот такой тег:< /head> Что бы долго его не искать, используйте комбинацию Ctrl+F.
  3. Скопируйте следующий код и вставьте его в место < /head>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://files.bloggerplugins.org/excerpt.js' type='text/javascript'/>
</head>

4.  Теперь найдите вот такую строчку: <data:post.body/>
5.  Замените ее следующим кодом:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
  <b:else/>
  <div expr:id='&quot;summary&quot; + data:post.id'>
  <data:post.body/>
  </div>
  <script type='text/javascript'>
  createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
  </script>
  <span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url'
   rel='bookmark'><b>Read more >></b></a></span>
  </b:if>

Read more — можете поменять на что угодно, на пример Читать дальше, или все что вам захочется.

Сведения, которые могут быть настроены:

1. summary_noimg = 230;
Место количество знаков в аннотации, не содержащие изображения.
2. summary_img = 140;
Место количество символов в резюме с фотографиями.
3. img_thumb_height = 100;
Настройка высоты изображения-миниатюры.
4. img_thumb_width = 100;
Настройка ширины изображения-миниатюры.

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

———

Понравился пост, подпишись на RSS, или на E-mail
Я в твиттере
Реклама на блоге


Читайте так же:

Шаблон для blogger
Добавляем наш пост в Twitter
Отображение RSS-канала в виде текста

7 КОММЕНТАРИИ

  1. Все получается, но исчезают ссылки, теги и форматирование. В оригинале поста они, естесственно, остаются, но на главной странице их нет. Посоветуете что?

    • Kopernik — имеется ввиду, блоги на бесплатном хостинге от wordpress.
      Как пример мой блог, посмотри на его адрес : vsego.wordpress.com
      Вот именно в них и нет возможности как то править код и что то вставлять это и имелось ввиду

ОСТАВЬТЕ ОТВЕТ