Моддинг Blogger.com

В интернете, очень много различных статей о тех или иных улучшениях которые производятся на платформе Blogger.com. Так вот, честно говоря, я при под устал рыться и искать что либо свеженькое и интересное, поэтому решил объединить все наиболее интересные и нужные улучшения в серию статей, почему в серию? Потому что как ни крути, в одну статью уместить всё, и разложить по полочкам - сложновато.

Примерное содержание будущих статей:
Улучшение тега TITLE.
Навигация страниц (Нумерация).
Оценка сообщений.
Блок "Похожие статьи".
Отдельная страница "Содержание".
Убираем верхнюю панель.
Меняем иконку (favicon).
Множество изменений блока комментариев.
  *Повторяю - содержание примерное, возможны изменения и дополнения.


Итак, начнём с "Улучшения тега TITLE"

Стандартной название тайтла - Название блога - Заголовок страницы 
С точки зрения СЕО - это не то что невыгодно, а просто неправильно.
Поэтому лучше было бы ноборот - Заголовок страницы – Название блога 
Как это сделать?
 Идём в панель управления --> Настройки --> Дизайн -->Изменить HTML и ищем там строчку:

<title><data:blog.pageTitle/></title> 

Вместо неё ставим:

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.title/></title>

<b:else/>

<title><data:blog.pageName/> - <data:blog.title/></title>

</b:if>

Вот и всё. Идём далее.

Навигация страниц (Нумерация).

Делаем всё тоже самое:
Идём в панель управления --> Настройки --> Дизайн -->Изменить HTML и ищем там строчку(Нажмите на "Расширить шаблоны виджета"):

]]></b:skin> 

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

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #cccccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #cccccc;

background-color:#cccccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #cccccc;

background: #cccccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #cccccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}

]]></b:skin>

 Далее ищем:

</body> 

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

 <!--Page Navigation Starts-->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

</b:if>

</b:if>

<!--Page Navigation Ends -->

</body>

 Пока что всё. В скорем времени добавлю еще пару улучшений.