Древовидные комментарии на нестандартных шаблонах blogspot

Многим уже известно о таком новшестве на blogspot, как древовидные комментарии. У кого-то такой вид комментариев включился сам, у кого-то нет. Если шаблон стандартный, то способ включения вы найдете в интернете. Не хочу повторяться. Другое дело, если шаблон нестандартный. Впрочем, и тут ничего сложного:

Ищем строку в шаблоне:

<b:include data='post' name='comments'/>

и меняем ее значение на:

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

Только аккуратнее, поменять надо несколько строк. У меня 3. И не менять уже поменянное ).

Впрочем, этот способ тоже уже освещен достаточно подробно в инете. Поэтому пойду дальше.

В стандартных шаблонах в коментах от автора после его имени стоит маленький значок в виде серого карандаша. По идее, он подтверждает авторства. Удобно!

Расскажу, как такой карандашик поставить:

Идем в шаблон и добавляем следующий код в описание стилей:

.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

Все, карандашик появился.
Если не нравится карандаш, то можете поменять картинку заменив кодированный код. К слову сказать, не все браузеры этот код обработают. Так IE меньше 7 не возьмут. В этом случае можно прописать картинку в виде урла на сторонний ресурс:

.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image:url( "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0FthoMd3VIFEqCDmZUWIcvz5hasbFJpFNXY-XstIn0QdKHUpRgJVJRCgNPFOIiZQfRubws97AoB7pRswl0aGJFaN6BGWkC3jNpw07bwpAXm1M2yLVTmvhxW7XDGrOselbZ0nsReWP7E/s800/avtor1.png");
}

Я залил на Picasa свою картинку и указал в коде ссылку на нее.
Вот, собственно, и все, о чем хотел сказать. Будут вопросы, пишите. А древовидная форма комментариев на blogspot мне поможет вам ответить. )
Такой код поймут все браузеры. Да и тем, у кого сложности с кодированием этот путь будет проще.
Иногда пишу что-то умное. Хочешь быть в курсе? Подпишись!