Добавить вывод похожих записей можно с помощью замечательного хака. Под каждым сообщением будут отображаться похожие статьи с эскизами, что улучшит навигацию по сайту.
1. Заходим на BLOGGER-- Шаблон -- Изменить HTML
2. Делаем резервную копию шаблона
3. Ищем в шаблоне ( с помощью клавиш Ctrl+ F) строчку
Чтобы зменить цвет и размер сообщений меняем синий.
5. Ищем строчки
1. Заходим на BLOGGER-- Шаблон -- Изменить HTML
2. Делаем резервную копию шаблона
3. Ищем в шаблоне ( с помощью клавиш Ctrl+ F) строчку
</head>4. Копируем следующий код и добавляем его перед тегом
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;} #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->Чтобы изменить ширину и высоту миниатюр меняем значения отмеченные красным цветом.
Чтобы зменить цвет и размер сообщений меняем синий.
5. Ищем строчки
<div class='post-footer'>6. Добавляем следующий код перед найденной строчкой
<!-- Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="<b>Пожожие записи:</b>"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a> </b:if></b:if><!-- Related Posts with Thumbnails Code End--> 6.Можно изменить количество похожих статей, в коде значение выделено красным7.Сохраняем шаблон
Комментариев нет:
Отправить комментарий