- Додавання коментарів вконтакте в blogger.
- Додавання віджета для коментарів вконтакте до статті, без виведення на головній сторінці blogger.
- Відео урок: Додавання коментарів Вконтакте в Blogger.
Вітаю, друзі, на блозі SdelaemBlog.ru . Сьогодні хочу повернутися до безкоштовній платформі blogger. У минулому пості про цю платформу, я розповідав, як додати кнопку соціальної мережі вконтакте на сайт і вирішити проблеми пов'язані з цим. Чесно кажучи, не думав, що пост стане таким популярним, яким він став. І природно стали надходити питання про впровадження інших віджетів вкотакте на сайт. І найчастішим питанням є додавання коментарів вконтакте на сайт, на blogger. І рішення проблем пов'язаних з цим.
Отже, тема сьогоднішнього поста: Додавання коментарів вконтакте в blogger.
Додавання коментарів вконтакте в blogger.
Для початку, як і в минулій статті, про додаванні кнопки вконтакте в blogger , Необхідно підключити API вконтакте до сайту. Для цього, переходимо сюди і з трьох запропонованих варіантів вибираємо «Веб-сайт», потім заповнюємо поля і натискаємо на кнопку «Підключити сайт».
Далі натискаємо на кнопку «Отримати код», який прийде на мобільний телефон у вигляді безкоштовного смс. Вводимо його в з'явилося поле для перевірки і натискаємо на кнопку «Відправити код». Даними діями ми підключили наш сайт до API вконтакте і можемо перейти безпосередньо до впровадження коментарів.
Переходимо на сторінку віджетів вконтакте. І вибираємо потрібний, в даному випадку - це віджет коментарів. Налаштовуємо зовнішній вигляд коментарів. Так, і не забуваємо вибрати сайт, який тільки що підключили до API.
Тепер, копіюємо першу частину коду на сторінці з віджетами, яка буде виглядати приблизно так:
<! - Put this script tag to the <head> of your page -> <script type = "text / javascript" src = "// vk.com/js/api/openapi.js?95"></ script> <script type = "text / javascript"> VK.init ({apiId: 3491923, onlyWidgets: true}); </ Script>
Переходимо на головну сторінку блогера і вибираємо сайт, якщо він не один, куди хочемо впровадити форму коментарів. Після чого в лівому меню вибираємо «Шаблон». І натискаємо на кнопку «Змінити HTML».
Тепер, необхідно знайти закриває тег / head. І вставити перед ним скопійований раніше код. Щоб знайти цей тег в коді, необхідно клікнути в поле з кодом і натиснути комбінацію клавіш на клавіатурі Ctrl + F. Після чого повинно з'явитися поле пошуку. У нього вводимо / head і натискаємо «Enter». Після цього, ми побачимо цей тег - він буде підсвічений. Вставляємо скопійований код, перед даними тегом. І натискаємо на кнопку «Зберегти шаблон». Тим самим ми підключили віджет вкоктакте до нашого сайту. Так, і хочу зауважити, якщо ви вже використовуєте будь-які віджети вконтакте. Те даний код вже повинен бути прописаний. В цьому випадку його не потрібно додавати, а можна переходити відразу до другої частини коду.
Повертаємося на сторінку віджету для коментарів і ... Якщо ми скопіюємо другу частину коду, яка повинна виглядати приблизно так:
<! - Put this div tag to the place, where the Comments block will be -> <div id = "vk_comments"> </ div> <script type = "text / javascript"> VK.Widgets.Comments ( " vk_comments ", {limit: 10, width:" 496 ", attach:" * "}); </ Script>
І вставимо її в шаблон, то побачимо абсолютно таку ж картину, як і при вставці кнопки.
Картина, я б сказав, навіть жахливіше, ніж при додаванні кнопки через розміри віджета. До речі, при додаванні коментарів на головну сторінку сайту на dle , Теж така ситуація. Отже, що необхідно зробити, для виправлення цієї проблеми на блогер?
Просто необхідно підігнати код під специфіку blogger. Для цього просто скопіюйте код нижче:
<Div expr: id = '& quot; vk_comments & quot; + data: post.id'> <script type = 'text / javascript'> VK.Widgets.Comments (& # 39; vk_comments <data: post.id /> & # 39 ;, {limit: 10, width: & quot; 496 & quot ;, attach: & quot; * & quot;}); </ Script> </ div>
І вставте в потрібне місце. Наприклад, під соціальними кнопками blogger. Для цього, копіюємо цей код, переходимо в редагування HTML-коду шаблону, натискаємо Ctrl + F і в пошук вводимо наступний рядок:
post-footer-line post-footer-line-3
Вставляємо код, після цього рядка. Але при копіюванні коду з цієї статті є один нюанс - це налаштування віджета коментарів, які ви вказали, перед тим, як скопіювати код. Вони можуть відрізнятися від тих, що представлені в даному коді. Що робити в даній ситуації?
Просто звертаємо увагу на фігурні дужки в коді:
{Limit: 10, width: "496", attach: "*"}
Саме в цих дужках і вказані налаштування віджета. І в ситуації, якщо після вставки коду зі статті настройки не відповідають тому, що ви вибирали. Їх просто потрібно замінити. Для цього, перейти на сторінку віджету для коментарів і з другої частини коду скопіювати тільки те, що знаходиться між фігурними дужками. Після чого вставити в вихідний код, взятий в цій статті, замінивши зазначені там настройки на ті які тільки що скопіювали. Для цього видаляємо вміст між фігурними дужками і вставляємо своє. Після чого зберігаємо шаблон і перевіряємо зовнішній вигляд віджету і його роботу на сайті blogger
Як ви могли помітити, в даному випадку форма коментарів буде виводитися не тільки в статті, але і на головній сторінці сайту. З якої, власне і виникають проблеми, при додаванні віджету.
Додавання віджета для коментарів вконтакте до статті, без виведення на головній сторінці blogger.
Але можливо потрібно вивести форму тільки в статті без виведення її на головній сторінці. Для цього, необхідно виконати ті ж дії, що описані вище. Тільки замість вставки коду після рядка:
post-footer-line post-footer-line-3
Його необхідно вставити в інше місце. Тобто замість того, щоб написати в пошуку рядок зазначену вище, нам необхідно вказати:
<B: includable id = 'comment_picker' var = 'post'>
І натиснути на «Enter». Після чого, шукана стрічка буде підсвічена. Зверніть увагу, що зліва, навпроти цього рядка є чорний трикутник, який розкриває код. На нього необхідно натиснути, щоб розгорнути код. Після цього, вставити код, скопійований з статті відразу після знайденої рядки. І зберегти шаблон.
В даному випадку форма коментарів вконтакте буде виводитися тільки в самій статті, без виведення на головній.
Відео урок: Додавання коментарів Вконтакте в Blogger.
На цьому у мене все. Сподіваюся, у вас вийти додати коментарі вконтакте в blogger.
Успіхів!
Js?Отже, що необхідно зробити, для виправлення цієї проблеми на блогер?
Що робити в даній ситуації?
