Nolix

14.11.15

Обновления в блоге

Просмотров:
Вот на днях решил создать отдельную страничку, в которой буду рассказывать о всех нововведениях и обновлениях в этом блоге. Возможно кому-то будет интересно, каким был блог и каким он стал, что и как я для этого делал. 

14.11.2015

Стандартная форма комментариев blogspot

Решил поставить на блог стандартные комментарии от blogger. До этого у меня 2 года стоял виджет от ВКонтакте. Но по моим наблюдениям за прошедшее время, популярностью он не особо пользуется, да и возможность писать только от аккаунта в этой соц сети не прибавляет ему плюсов. Поэтому я удалил код из шаблона  с комментами от вк и включил обычные комментарии. Для этого в разделе Сообщения и комментарии устанавливаем расположение комментария Встроенный.

После этих манипуляций по идее комменты должны появится под сообщениями, но этого не произошло. Я стал разбираться, в чём же дело. Перебирал код шаблона, просматривал все опции, но ничего не помогало. 
В конце концов я нашёл в справке blogger, что у каждого сообщения можно принудительно включить/выключить отображение комментариев. В этом-то и была загвоздка. 2 года назад я выключил их отображение, т.к. устанавливал комменты от ВК. Поэтому мне сейчас пришлось открывать каждое сообщение и в настройках ставить галочку Разрешить комментарии читателей. После этого всё заработало.

Виджет подписки youtube.

Не буду вдаваться в подробности, но после моих определённых действий, я потерял исходных код виджета от ютуб. Причём у меня стоял не старый скрипт, а новое приложение от google. Пришлось опять идти на этот сайт, вписывать ID канала и вставлять код в блоггер.
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="ufvjdth" data-layout="full" data-theme="light" data-count="default"></div></div>
Но после этих действий, виджет подписки не вписывался в мой дизайн блога, всё было тусклым и прозрачным:


Пришлось гуглить, яндексить и в конечном итоге я добился своего:

Код прилагается:
<script src="https://apis.google.com/js/platform.js"></script>
<div style="overflow: hidden; height: 55px; width: 255px; background: #FFFFFF; border: 0pt none;">
<div class="g-ytsubscribe" data-channel="ufvjdth" data-layout="full" data-theme="light" data-count="default"></div></div>

Уведомление о рисках и ответственности

В конце блога, под счётчиками, добавил важную информацию о возможных рисках потери средств и ответственности сторон.

15.11.2015
Ярлыки

Добавил к каждому сообщению ярлыки. Я это сделал для того, чтобы была возможность реализовать Похожие сообщения в конце каждого поста.

Похожие сообщения в миниатюрах

Данное нововведение необходимо для увеличения просматриваемости блога, так как теперь под каждым сообщениям будут посты схожей тематики:

Перед тегом </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:16px Oswald;padding:3px;color:#000000; text-transform:uppercase;}

#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:223px;height:60px;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:220px;}

#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=3;

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-->

16.11.2015 
Удаление счётчика комментариев на главное странице

На главной странице блога под каждым постом была такая неприятная ситуация с комментариями:

У счётчика был отступ и смотрится всё это совсем не гуд. Да и не нужен он здесь совсем.
Чтобы эту надпись убрать я сделал следующее. В коде шаблона есть два блока с таким содержимым:

<span class='post-comment-link'>
                 <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
               </span>
           
И:
<span class='post-comment-link'>

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

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

            <b:if cond='data:post.allowComments'>

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

            </b:if>

          </b:if>

        </b:if>

       </span>
Их я заменил на следующее:
<span class='post-comment-link'>

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

                <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>

 </b:if>

              </span>
И:
<span class='post-comment-link'>

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

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

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

            <b:if cond='data:post.allowComments'>

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

            </b:if>

          </b:if>

        </b:if>

  </b:if>

      </span>
После этого комментарии убрались, но на их месте появилось пустое пространство:
Чтобы его убрать, нужно перед тегом <b:skin> вставить конструкцию:
<b:if cond='data:blog.pageType != &quot;item&quot;'>

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

 <style>

  .post-footer-line-1 {display: none;}

 </style>

</b:if>

</b:if>
Результат:

08.12.2015
Добавление атрибута нофоллоу

Все свои исходящие ссылки, которые были в моих постах, я заключил в атрибут rel="nofollow". Потратил на это не один час. Посмотрим, как это отразиться на моём блоге.
Значение nofollow запрещает поисковой системе переходить по ссылкам на данной странице или по конкретной ссылке. Это означает, что по этим ссылкам Google не передает ни PageRank, ни текст ссылки.

23.02.2016
Обновление фонового рисунка блога

Давно я ничего не изменял в своём блоге, так как его нынешнее состояние меня устраивает. Но был один косяк, которого я не замечал. У меня разрешение монитора 1600х900 и поэтому фоновый рисунок смотрится нормально. Но мне один мой знакомый написал, что на его мониторе с разрешением 1920х1080 всё смотрится криво:


Решение простое: я нашёл свой фоновый рисунок с более большим разрешением и заменял им старый. 

Комментариев нет:

Отправить комментарий