BloggaRolla
Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  понедельник, февраля 13, 2012  

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

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

По традиции, мы против несправедливости мира, а посему скажем дружно "Ай-яй-яй" разработчикам и попробуем исправить это досадное недоразумение. Тем паче добавить комментарии Disqus на статичные страницы блога довольно просто, как оказалось, потребуется всего лишь крошечная трепанация нескольких строк кода в шаблоне.

Установка блока комментариев от Disqus на статичные страницы Blogger.
Необходима небольшая правка шаблона, отчего при некоторой неуверенности в своих силах советую совершить акт создания резервной копии шаблона.
В административной панели управления блогом перейдите Шаблон > Изменить HTML. Появится поле редактирования шаблона, отмечаем галочкой "Расширить шаблоны виджетов".

Изначально, при добавлении виджета комментариев с самого сервиса Disqus, в блоге должен присутствовать гаджет с наименованием "Disqus for (здесь название вашего блога)". Для простоты именно эту фразу и ищем в поле редактирования HTML. Можно просто искать вхождение "Disqus". Полный код виджета, отвечающий за размещение комментариев от Disqus выглядит следующим образом:
<b:widget id='HTML2' locked='false' title='Disqus for BloggaRolla' type='HTML'>
<b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = &#39;bloggarolla&#39;;
                var disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
            </script>
            <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <style type='text/css'>
                    #comments {display:none;}
                </style>
                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement(&#39;script&#39;);
                        bloggerjs.type = &#39;text/javascript&#39;;
                        bloggerjs.async = true;
                        bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
                        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                    })();
                </script>
                </b:if>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>
                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement(&#39;script&#39;);
                    bloggerjs.type = &#39;text/javascript&#39;;
                    bloggerjs.async = true;
                    bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
                    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                })();
                </script>
        </b:includable>
</b:widget>
На этом участке находим строку <b:if cond='data:blog.pageType == &quot;item&quot;'> и чуть дальше нее - строку  </b:if>. Эти отрезки и отвечают за показ блока комментариев только лишь на страницах сообщений. Безжалостно удаляем эти строки. Для подробностей смотрим изображение ниже:

Как разместить комментарии Disqus на статичных сраницах в Blogger

После их удаления остается сохранить шаблон. Вожделенные комментарии должны отобразиться на статичных страницах.

Для возвращения настроек в исходное состояние потребуется вновь добавить изъятые строки в шаблон блога.



Понравилась статья? Поделись ею с друзьями!

Не забудь подписаться на обновления блога:


Вы можете оставить свой отзыв через блок комментариев Вконтакте. При отсутствии профиля в этой социальной сети, воспользуйтесь удобной формой Disqus ниже.