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

Принцип похожих сообщений в миниатюрах под каждым постом работают на основе ваших ярлыков и появляются рандомно под каждым сообщением.

Прежде чем установить эти коды почитайте эту статью http://studying-blogin.blogspot.com/2013/04/kak-naiti-tag-v-novom-HTML-blogpost.html

Чтобы установить такой виджет, нужно зайти в шаблон и найти тег  </head> и выше </head> установить код ниже:
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End--> 
Наглядная картинка

Далее найти строчку <div class='post-footer-line post-footer-line-3'> и ниже вставляет код:
<!-- Related Posts with Thumbnails Code Start-->
<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=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Читайте так же:</b>&quot;;
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-->
Наглядная картинка:


var maxresults=5; Количество миниатюр под постом
Читайте так же: -  замените на свое

Все. Па-па

Идея от сюда http://helplogger.blogspot.ro/2012/03/how-to-add-related-posts-widget-to.html
Система Orphus

50 коммент.:

  1. А чем он отличается от линквизин?

    ОтветитьУдалить
    Ответы
    1. По смыслу не чем, а вот по содержанию... Скрипт от линквизин имеет ссылку на совой ресурс. Получается что при нажатии на этот виджет человек как бы смотрит на ваш блог с их ресурса. А с этим кодом человек остается на вашем блоге

      Удалить
    2. Поняла) А он делает такую же каку, как линквизин: в некоторых записях вместо миниатюр у меня список =( ??

      Нужно менять на этот, пожалуй)))

      Удалить
    3. Ир ты же знаешь я помешана на показателях, вычитала что линкиз портит показатели блога, вот и отказалась)) перешла на код в самом шаблоне)

      Удалить
    4. о, так может потому у меня такие крошечные просмотры... @@,

      Удалить
    5. а еще у меня у части записей вот такое : http://molforin.blogspot.com/2014/02/probujdayas-ot-spyachki.html вместо миниатюр(((

      Удалить
    6. Это один из факторов, надо найти пост где я вычитала это... Во http://www.freeseoblog.ru/2013/01/Linkwithin.html#more почитай

      Удалить
    7. спасибо, я подозревала, что он так делает, но не знала, как это вредит... буду сносить и менять на указанный в этой записи)

      Удалить
    8. кстати, у этого варианта есть еще один +, о котором ты не написала (или я невнимательна? ;) ) - этот виджет не отображается на главной странице, только в комментариях))

      Удалить
  2. Аня, спасибо, что учла пожелания! У меня сейчас голова забита всякими проблемами. Но при первой же возможности попробую |o|

    ОтветитьУдалить
    Ответы
    1. Знаешь как говорят мудрецы 90% проблем решаются сами собой 10% не решаются совсем, так зачем себя мучить решениям их)). Надеюсь у тебя все будет хорошо!

      Удалить
    2. Аня, я в восторге, спасибо тебе, за этот год ты стала настоящим профи! Дело в том, что после того как слетел шаблон, я очень долго не могла это сделать. Т.ч. все работает как нужно!!! Единственное, я бы шрифт под картинками немного уменьшила :)

      Удалить
    3. font-size:14px поменяй цифры (я красным выделила)

      Удалить
    4. Тогда шаблон-настройки-дополнительно- текст страницы выбрать размер, но тогда поменяется высота шрифта на всех виджетах. А вообще надо покопаться...

      Удалить
    5. если не очень затруднит. по-моему шрифт автоматически берется, как в шаблоне

      Удалить
    6. Да, но мне кажется из опыта корректировки кодов, нужно вставить строчку... Лада я поэксперементирую и тогда напишу

      Удалить
  3. Анна, здравствуйте. Пытаюсь сделать эти манипуляции, но не могу найти код со второй картинки: class='post-footer-line post-footer-line-3'>
    нет его там и все! Помогите, плиз. Могу скинуть скриншот сраницы куда-нибудь. И поисковой строки вверху нет, как у Вас показано на рисунке

    ОтветитьУдалить
    Ответы
    1. Прочтите этот http://studying-blogin.blogspot.com/2013/04/kak-naiti-tag-v-novom-HTML-blogpost.html пост. Там как найти окошко

      Удалить
    2. Анна, спасибо большое. Спомощью этого видео и поста смогла найти нужную строку. Но проделав все манипуляции, обнаружила, что "похожие сообщения" после поста не появились :(

      Удалить
    3. Анастасия варианта 2. вариант первый не коды скопированы не полностью. вариант два вместо class='post-footer-line post-footer-line-3'> нужно попробывать class='post-footer-line post-footer-line-2'>

      Удалить
    4. Из-за разности кодов шаблонов линии могут меняться

      Удалить
    5. попробовала второй вариант - не выходит :( вроде и копирую полностью - от первого знака до последнего

      Удалить
    6. Сейчас задам идиотский вопрос, после того как вставили два кода вы сохранили шаблон?
      Попробуйте второй код вставить ниже этой лини div class='post-footer'

      Удалить
    7. Аня. я прежде чем сохраняю, нажимаю "просмотреть шаблон" - типа как там все получится. Я так понимаю, при предварительном просмотре изменения должны быть все правно видны? Или все жэе надо сохранить и зайти в блог по новой и только тогда я увижу изменения?

      Удалить
  4. При предварительном не всегда высвечивается. Но если сомневаетесь, тогда лучше не сохраняйте. Сделайте скриншот кодов куда вставляете, могу сама установить вам этот виджет, если очень хочется). Только вам доступ нужно мне дать. Свяжитесь со мной через форму связи если интересно.

    ОтветитьУдалить
  5. а этому виджету реально круглые миниатюры сделать? Если да, то как?

    ОтветитьУдалить
    Ответы
    1. Это для линки http://studying-blogin.blogspot.com/2014/03/linkwithin.html
      это для шаблона http://studying-blogin.blogspot.com/2013/04/soobshenie-v-miniaturax-blogpost.html

      Удалить
    2. линквизин ты сама разругала, а второй читала, что не работает. Или уже все хорошо?

      мне просто кровь из носу кругленькое - делаю новый дизайн %)

      Удалить
    3. Да все там работало)) Вставлять нужно правильно:) вот как выглядеть будет http://vyazalo4ki.blogspot.com/2013/07/symka-s-shishechkami-kruchok.html

      Удалить
  6. поняла)) ну тогда поставлю)) спасибо )
    у меня еще к тебе вопрос по поводу стандартного виджета "популярные сообщения" - почему у меня некорректно отображается (то текст, то картинки не выхватывает из записи) вот, посмотри - http://molforin.blogspot.com/ (переустановка не помогает )

    ОтветитьУдалить
    Ответы
    1. конфликт, один размер перебивает другой. Вот у меня в коментах аватарки то же) виджетов много))))

      Удалить
    2. Анют, что там с моим блогом?

      Удалить
  7. Благодаря этому посту установила в своем блоге "похожие сообщения".
    Большое вам спасибо!

    ОтветитьУдалить
  8. спасибо большое! все получилось!(f)

    ОтветитьУдалить
  9. Это уже 4 "похожие статьи", которые я нахожу и хочу установить. Но видимо не судьба. Вставляю все верно (в некоторых случаях жду полчаса как в описании было) и все равно ничего не появляется под статьями. Эх, ладно..

    ОтветитьУдалить
    Ответы
    1. Потому что скрипт один на всех. Причин мржет быть много. Возможно идет канфликт между кодами, может линия ее 3 а 2. Тяжело сказать в чем причина не видя ваш блог. Попробуйте сервисные минианюры типи линквин.

      Удалить
    2. Я пробовала уже и от LinkWithin и от engageya.com и от еще 3х других.. Ну да ладно, обойдусь. :)

      Удалить
  10. Как увеличить длину отображаемого текста?

    ОтветитьУдалить
  11. Здравствуйте! Сегодня пропали "похожие сообщения" в моем блоге. До сих пор служили верой и правдой. Так жаль.. Аня, не знаю, смотрите ли вы еще этот свой блог, спрошу на всякий случай.. Какая может быть причина пропажи?

    ОтветитьУдалить
    Ответы
    1. Добрый день. Пропали именно эти похохожие, что в посте? Причин может быть много. Возможно вы установили новый виджит и пошел конфликт

      Удалить
    2. Да, именно эти, что в данном посте. В последнее время ничего не меняла на блоге, новых виджетов не добавляла.. потому и странно, что пропали. Знаю, что бывает проблема с доступом к лежащему на стороннем ресурсе скрипту, но, кажется, это не в данном случае. Не знаю, не очень в этом разбираюсь.

      Удалить
    3. Здравствуйте! Сегодня еще раз вернулась к коду в шаблоне. Проблема обнаружилась в скрипте (http://helplogger.googlecode.com/svn/trunk/relatedposts.js), что указан в первой части кода. Если перейти по адресу, то выдает ошибку, нет доступа. Заменила на найденный чужой, ничего больше не меняя и миниатюры стали отображаться, только все меньшего размера. (В этом блоге -http://jozzin.blogspot.com/)

      Удалить

Есть вопросы? Или просто хочется поговорить? Оставляйте комментарии