Делаем блог лучше! V1.1

Случайно наткнулся на Шпаргалку блоггера. Автор этого блога очень подробно и качественно объясняет как сделать замечательную платформу Blogger лучше и удобнее. В посте буду помечать  изменения которые я внедрил в свой блог, что бы в случае если напортачу можно было бы поправить и не забыть что и где натворил. А еще может тоже пригодиться кому. Итак приступим.

Не забываем сохранять шаблон блога перед внедрениями новшеств. Для этого в админке в разделе "Шаблон" в правом верхнем углу нажимаем "Резервное копирование и восстановление", далее "загрузить шаблон полностью" и смотрим куда сохранился. В случае беды шаблон можно будет восстановить таким каким он был до правки.
Все изменения и манипуляции делаем с кодом шаблона блога, предварительно нажав все в том же разделе "Шаблон", кнопку "Изменить HTML", под картинкой сайта.
Так же не лишним будет иногда экспортировать весь блог целиком с наполнением. Для этого в админке, в разделе "Настройки" выбираем "Другое" и там видим кнопку "Экспорт блога". Это позволит уберечь информацию в случае нештатных ситуаций.
Давно раздражало слово комментирует после ника в комментах. Оказывается убирается очень просто:

• Если возникло желание удалить элемент "Комментирует...", нужно изменить строку

<data:commentPostedByMsg/>

на

<!--<data:commentPostedByMsg/>-->

Далее, заменим порезанную фраза в комментах "0 коммент.". Об этом ниже:

• h4 присвоен заголовку комментариев. Выглядит это как "0 коммент.". Для того, чтобы окончание всё же присутствовало, код между <h4>...</h4>:

<b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>

меняем на:

<b:if cond='data:post.numComments == 0'>
 Нет комментариев.  
<b:else/>
<b:if cond='data:post.numComments &gt; 20'>
 <data:post.numComments/> <script>
     if(<data:post.numComments/> / 10 % 10 == 1) document.write(&quot;комментариев&quot;); else
        switch(<data:post.numComments/> % 10){
 case 1: document.write(&quot;комментарий&quot;); break;
 case 2:
 case 3:
 case 4: document.write(&quot;комментария&quot;); break;
          default: document.write(&quot;комментариев&quot;);
        }
 </script><noscript><data:commentLabelPlural/></noscript>
<b:else/>
<b:if cond='data:post.numComments == 1'>
 <data:post.numComments/> комментарий
<b:else/>
<b:if cond='data:post.numComments &lt; 5'>
 <data:post.numComments/> комментария
<b:else/>
 <data:post.numComments/> комментариев
</b:if></b:if></b:if></b:if>

Код встречается много раз. Меняем его везде. Так же если заменить обрамляющие этот код теги <h4>...</h4> на <h3>...</h3>, выходит гораздо красивее и аккуратнее. По стандарту, на мой взгляд фраза где описано количество комментариев, выглядит слишком огромной. От себя: я так же изменил размер фразы "Отправить комментарий". По умолчанию это все тот же h4. Для замены нужно в строчке:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>  <h4 и </h4> заменить на <h3  и </h3>
 А вот так создается красная строка:

• Для установления абзацного отступа на платформе Blogger, то есть оформления красной строки абзаца, лучше всего применить стилевой атрибут  text-indent. В шаблоне блога "Дизайн"-"Изменить HTML" находим фрагмент приблизительно такого кода (CTRL+F):

.post-body {
  font-size: 102%;
  line-height: 1.5;
  position: relative;
  }

заменяем его на

.post-body {
  font-size: 102%;
  line-height: 1.5;
  position: relative;
  text-indent: 30px;
  }

,где text-indent: 30px; определяет отступ первой строки в пикселях. Цифровое значение указывается любым (на ваше усмотрение).
Мое примечание, я искал по

.post-body {
  position: relative;
}

Нашел, и заменил на 

.post-body {
  position: relative;
  text-indent: 20px;
}

Если понравилась статья, поделитесь с друзьями.