Как отправить комментарий с главной страницы в Блоггере.

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


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

Сделаем сегодня так, что при нажатии на соответствующую иконку на главной странице открывалось модальное окно с формой ввода комментариев без перехода на страницу поста. Идею подглядела на блоге http://vagabundia.blogspot.com/. И попрошу вас перейти на этот
блог, чтобы посмотреть, как это работает.

Как я говорила выше, всё делать будем во вкладке шаблон. И поэтому как всегда, обязательно сделайте резервную копию или потренируйтесь на тестовом блоге.

Вкладка шаблон-изменить HTML.

шаг 1. Находим закрывающийся тег </head> и над ним устанавливаем этот код.
<script type='text/javascript'>
      //<![CDATA[
      function comPopUp(cual) {
        var wW = (screen.width-580)/2;
        var wH = (screen.height-600)/2;
        var enlacePopup = "<a class='comPopUp' ";
        enlacePopup += "onclick='javascript:window.open(this.href, \"bloggerPopup\", \"toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=580,height=600,left=" + wW + ",top=" + wH + " \"); return false;'";
        enlacePopup += "href='https://www.blogger.com/comment.g?blogID= ID вашего блога&postID=" + cual + "&isPopup=true'>";
        enlacePopup += "комментировать &#10000; ";
        enlacePopup += "</a>";
        document.write(enlacePopup);
      }
      //]]>
    </script>
То что выделено в коде красным цветом это ширина и высота окна.
В строке, отмеченной синим цветом, пишем ID вашего блога. Его легко увидеть в окне браузера из вашей панели управления. Нам нужны только цифры, которые и вписываем вместо ID вашего блога.


комментировать &#10000;- здесь мы указываем или отображающийся текст или специальный символ. Для наглядности я сделала и то, и другое. Хотите так оставьте или напишите что-то своё. Можно надпись вообще убрать оставить лишь символ. В моём случае это карандаш. Подберите другой если есть желание.Вот здесь большой выбор.

Шаг 2. Посоветую для начинающих блогеров прочитать сначала статью как найти строку в шаблоне правильно, чтобы не испытывать затруднений на этом шаге.
Откройте все коды виджетов. С помощью горячих клавиш CTRL+ F находим строку-

 <div class='post-footer-line post-footer-line-1'>

Обычно их в шаблоне 2. Нам нужна вторая. Спускаемся по коду вниз и находим вот примерно такой отрезок кода.


<div class='post-footer-line post-footer-line-1'>
здесь много фрагментов кода
<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'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> <script type='text/javascript'> comPopUp(&#39;<data:post.id/>&#39;); </script>
            </b:if>
          </b:if>
        </b:if>
      </span>
здесь тоже много кода
</div>
В него устанавливаем строку, которая выделена красным цветом.

Вот ещё для наглядности скриншот прилагаю.

   
Шаг 3.   Осталось немного стилей добавить. Для этого ищем в шаблоне ]]></b:skin> и над ней добавляем -
      a.comPopUp {font-size:small ;}
Я задала просто маленький размер шрифта. Хотите крупнее пишите  font-size: x-larg или просто font-size: larg. Будьте внимательны ко всем символам в кодах. Все они очень важны.

Теперь смело сохраняете шаблон, переходите на главную страницу и у вас появляется вот такая функция.

комментарии с главной странице
При нажатии на которую всплывает pop-up (модальное окно) с формой отправки комментариев. Читателям не надо будет переходить на внутреннюю страницу, а оставить комментарий прямо с главной.
А я, пожалуй, уже закончу. Пыталась более подробно всё это расписать. Как получилось судить вам. Но поверьте, сама реализация всей этой затеи намного меньше времени займёт, чем я писала пост.
Спасибо. что читаете мои шпаргалки. Всем удачи и до новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


0 коммент.:

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

Пользовательский поиск
Foto Saya
My Photo