
Сделаем сегодня так, что при нажатии на соответствующую иконку на главной странице открывалось модальное окно с формой ввода комментариев без перехода на страницу поста. Идею подглядела на блоге 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 += "комментировать ✐ ";
enlacePopup += "</a>";
document.write(enlacePopup);
}
//]]>
</script>
То что выделено в коде красным цветом это ширина и высота окна.//<![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 += "комментировать ✐ ";
enlacePopup += "</a>";
document.write(enlacePopup);
}
//]]>
</script>
В строке, отмеченной синим цветом, пишем ID вашего блога. Его легко увидеть в окне браузера из вашей панели управления. Нам нужны только цифры, которые и вписываем вместо ID вашего блога.

комментировать ✐- здесь мы указываем или отображающийся текст или специальный символ. Для наглядности я сделала и то, и другое. Хотите так оставьте или напишите что-то своё. Можно надпись вообще убрать оставить лишь символ. В моём случае это карандаш. Подберите другой если есть желание.Вот здесь большой выбор.
Шаг 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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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('<data:post.id/>'); </script>
</b:if>
</b:if>
</b:if>
</span>
здесь тоже много кода
</div>
В него устанавливаем строку, которая выделена красным цветом.
Вот ещё для наглядности скриншот прилагаю.

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

А я, пожалуй, уже закончу. Пыталась более подробно всё это расписать. Как получилось судить вам. Но поверьте, сама реализация всей этой затеи намного меньше времени займёт, чем я писала пост.
Спасибо. что читаете мои шпаргалки. Всем удачи и до новых встреч.
здесь можно оформить подписку на новые шпаргалки
0 коммент.:
ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML