Те пользователи, которые публикуют статью на Главной странице полностью, не применяя ссылку "Дальше", могут добавить элемент, нажав на который будет всплывать окно с формой добавления комментария (pop-up). То есть не потребуется перехода на внутреннюю страницу, чтобы оставить свой отзыв. Автор.
✍ - специальный символ пишущей руки, вместо которого при желании указываем любой текст или изображение,
номер-ID - идентификационный номер блога, который можно узнать в адресной строке браузера из панели управления:
Для реализации в "Дизайн"-"Изменить HTML", установив "Расширить шаблоны виджета", перед </head> добавляем
<script type='text/javascript'>
//<![CDATA[
function comPopUp(cual) {
var wW = (screen.width-480)/2;
var wH = (screen.height-550)/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=480,height=550,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>, где width=480/height=550 - ширина и высота соответственно,✍ - специальный символ пишущей руки, вместо которого при желании указываем любой текст или изображение,
номер-ID - идентификационный номер блога, который можно узнать в адресной строке браузера из панели управления:
http://www.blogger.com/html?blogID=0000000000000000000
Вторым шагом внедряем выделенный жирным фрагмент в то место, где хотим увидеть элемент, например:
<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>
И отрегулируем внешний вид, внеся перед ]]></b:skin>:
a.comPopUp {font-size: x-large;}Эта статья является дополнением к http://shpargalkablog.ru/2010/10/comments-blogger.html, пункты которой продолжают увеличиваться.
4 комментария: