вторник, 27 декабря 2011 г.

Как установить Disqus на статичные страницы в Blogger/Blogspot

Когда я задумала конкурс "Мой рецепт хорошего настроения", я решила выделить под него отдельную страничку в блоге и столкнулась с проблемой комментирования. На статичных страницах у меня были родные блогспотовские комментарии, потому что Дискус туда почему-то не установился. Сначала меня это мало волновало, но когда идет конкурс, то хочется быть в курсе, а подписаться на комментарии к страничке Конкурс мне не удавалось - Blogger выдавал ошибку.

Решение проблемы с установкой Дискуса на статичные страницы в Blogger я нашла в буржунете. Оно оказалось очень простым - нужно было всего лишь удалить из кода виджета две строки условной конструкции, которая ограничивает появление Дискуса на статичных страницах.

Прежде, чем начать копаться в шаблоне, нужно обязательно его сохранить. Для этого нужно выбрать в панели Blogger пункт "Шаблон" и в правом верхнем углу нажать на "Резервное копирование и восстановление". В появившемся окошке необходимо "Загрузить шаблон полностью", чтобы сохранить его на своем компьютере.


Далее мы в той же вкладке "Шаблон" выбираем пункт "Изменить HTML":


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


Вот и все - теперь на статичных страницах должен появиться Дискус. К сожалению, предыдущие комментарии, оставленные раньше, мне импортировать в Дискус не удалось. Но если их было мало или не было совсем, то вы ничего не потеряете.

Если у вас не отображаются картинки, то вы можете найти в своем шаблоне нижеследующий код и удалить из него строчки, выделенные красным цветом:

<b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = 'katedreams';
                var disqus_blogger_current_url = '<data:blog.url/>';
            </script>
            <b:if cond='data:blog.pageType == "item"'>                      
                <style type='text/css'>
                    #comments {display:none;}
                </style>
                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement('script');
                        bloggerjs.type = 'text/javascript';
                        bloggerjs.async = true;
                        bloggerjs.src = 'http://'+disqus_shortname+'.disqus.com/blogger_item.js';
                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[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('script');
                    bloggerjs.type = 'text/javascript';
                    bloggerjs.async = true;
                    bloggerjs.src = 'http://'+disqus_shortname+'.disqus.com/blogger_index.js';
                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
                })();
                </script>
        </b:includable>

Источник: статья и комментарии к ней по адресу http://blog.jan.staunton.me/2011/04/blogger-static-pages-and-disqus-comment.html.

11 коммент.:

Марина Лазарева комментирует...

Огромное спасибо за пост! Будем пробовать :)

П.С. пробую оставить комментарий, через OprnID не работает (

Таня комментирует...

Марина, проверила свои настройки Дискуса - у меня стоит галочка напротив openID. Вроде бы должно работать...

Таня комментирует...

Попробовала сама через openID оставить комментарий - все получилось.

Маргарита комментирует...

Поздравляю, Татьяна, с Новым годом! Творческих успехов! Новых горизонтов! Счастья в личной жизни! Добра, Любви! Удачи! Внутренней гармонии! И исполнения желаний!

2ristic planet комментирует...

Полезная инфа, так как у меня тоже стоит дискус, это актуально, буду иметь ввиду!

Таня комментирует...

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

Таня комментирует...

Маргарита, спасибо за поздравления! Тебе тоже всего самого лучшего и заветного! Вот только сейчас дошла до твоего комментария))

Timger комментирует...

А на обычный сайт можно установить disqus или только в блог?

videomira комментирует...

Спасибо! :)

Gloabl комментирует...

очень интересно

Gloabl комментирует...

Пожалуйста напишите как добавить дискус в простой html сайт

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