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

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


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

Сделаем сегодня так, что при нажатии на соответствующую иконку на главной странице открывалось модальное окно с формой ввода комментариев без перехода на страницу поста. Идею подглядела на блоге 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 коммент.:

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML

Пользовательский поиск