Четверг, 17.08.2017, 20:12
Приветствую Вас Гость | Регистрация | Вход

Oputinet

Меню сайта
Новое
О чем писать в блоге
Новый закон о блогерах
Конец рейтингу блогов
Зачем и как накрутить подписчиков в youtube?
Влияние социальных сетей при продвижении сайта
Мы приносим свои извинения, но доступ к запрашиваемому ресурсу ограничен(продолжение)
Еще наши Проекты
  • Лучшие документальные и позновательные фильмы
  • Этот прекрасный мир/
  • Блог фотолюбителя
  • Photostoc info
  • Мир искусства и фотографии
  • Форма входа

    Категории раздела
    Заработок в сети [4]
    Как сделать сайт или блог [12]
    Оптимизация сайта [27]
    Популярное
    Информер похожих материалов на uCoz
    Зачем и как накрутить подписчиков в youtube?
    Делаем сайт на платформе Jimdo
    Красивый слайдер для сайта юкоз
    Похожие статьи для Blogspot (Blogger)
    Новый закон о блогерах
    Поиск
    Календарь
    «  Январь 2013  »
    ПнВтСрЧтПтСбВс
     123456
    78910111213
    14151617181920
    21222324252627
    28293031
    Архив записей
    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Апдейты выдачи

    Блог

    Главная » 2013 » Январь » 23 » Похожие статьи для Blogspot (Blogger)
    19:26
    Похожие статьи для Blogspot (Blogger)

    Наверное всем хотелось бы внизу статьи наблюдать ссылки на похожие поста. К сожалению Blogspot не предусмотрел такой возможности, оставив только ярлыки. Но путем добавления стороннего кода в тело шаблона можно исправить эту проблему, да и смотреться будет намного красивее и более информативно.

    Похожие статьи для Blogspot (Blogger) можно сделать как с миниатюрами, так и без них. Это кому как нравится. Одно могу сказать что лишняя картинка грузит блог, увеличивая время загрузки. На моем блоге тоже стоит виджет без миниатюр (картинки из статьи).

     
     

     

    Как установить виджет похожие статьи

     

     

    Не забывайте сохранить копию, если не знаете как потом удалить изменения в ручную.

     

     
      Зайдите в панель инструментов Blogspot – Шаблон – Изменить HTML – Приступить. Нажмите расширить шаблоны. Для необходимого поиска необходимой строчки воспользуйтесь поиском (Ctrl+F). Найдите конец тела шаблона, строчку:
     
    </head>
     
    Перед ней вставьте настройку дизайна виджета:
     
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type="text/css">
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }
    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }
    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script src='http://dl.dropbox.com/u/48089857/relatedthumbs19.js' type='text/javascript'/>
    </b:if>

     

      Теперь нужно вставить код в шаблон, в код конца сообщения. У каждого шаблона по разному. Обычно у конца сообщения в шаблоне 3 линии. У меня например две. НО в стандартных должно быть три.

     

     
    Опять воспользуйтесь поиском. Найдите строчку кода линии:
     
    <div class='post-footer-line post-footer-line-1'>

    Или

    <p class='post-footer-line post-footer-line-1'>
     
    После строки вставьте код самого виджета:
     
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.avitra.ru/' style='display:none;'>Related Posts for blogger</a><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=5;
    var relatedpoststitle="Похожие статьи";
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>

     

    Как настроить виджет

     

     
      Вывод количества отображаемых похожих статей, по умолчанию стоит 5 статей. Можете изменить количество на ваше усмотрение.
     
    var maxresults=5;
     
      Так же есть возможность изменить саму надпись "Похожие статьи", на любую другую. В этой строчки кода:
     
    var relatedpoststitle="Похожие статьи";
     
    Есть возможность поменять цвет и размер шрифта, тела виджета.

    http://www.avitra.ru/
    Категория: Оптимизация сайта | Просмотров: 752 | Добавил: vagan | Теги: оптимизация, статьи, Blogger, Блог | Рейтинг: 5.0/1

    Похожие материалы
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *: