Приветствую вас дорогие блоггеры. Сегодня мы с вами продолжим закрывать брешь в наших сайтах и блогах относящихся к платформе Blogger. И тем самым улучшим их взаимодействие с поисковыми системами. Короче говоря существенно подправим SEO показатели.
Так же для улучшения SEO рекомендую ознакомиться с материалом: индексируемые разделы Blogger
И даже с теми багами о которых пойдет речь в этой статье, блоггеровский инструмент все равно будет лучше. Тем более дальше вы узнаете, как искоренить эти баги и тем самым выжать весь максимум из комментариев.
Пример:
-Комментарий
- Первый ответ на этот комментарий
- Второй ответ на этот комментарий
- Третий ответ на этот комментарий
Наглядный фото пример:
Все логично, такой вид комментариев значительно упрощает общение между пользователями блога.
Казалось бы все хорошо, но увы не все так прелестно. Дело в том, что каждый комментарий Blogger содержит в себе аж две исходящие ссылки. Это "Логин" автора комментария и кнопка - ссылка "Удалить" комментарий. Первая ведет на профиль пользователя в Google plus или в Blogger, а вторая на Blogger. Даже то, что первая ссылка закрыта атрибутом "nofollow" ничем не облегчает сложившеюся ситуацию. Почему так, вы можете узнать из статьи: Когда закрывать ссылку от индексации атрибутом Nofollow.
Секунду друзья, чуть не забыл еще об одной проблемной ссылке. Относится она к дате комментария. Хоть эта ссылка внутренняя, а не внешняя, но она цикличная из-за нее страница ссылается на саму себя. В энциклопедии Гугл ясно прописано, что такие ссылки, плохо влияют на продвижение сайта.
Все эти участки отмечены на скриншоте:
Стоит отметить, что даже при таких условиях комментарии все же приносят сайту больше плюсов, нежели минусов. Но если убрать эти минусу, тогда и вовсе будет собачий кайф. Правда после того, как комментарии стали древовидными, заделать подобную брешь не так и просто.
Как видите внешний вид довольно таки неплохой, плюс добавлены эмотиконы (смайлики).
Теперь приступим к установке.
1. Прежде сохраните резервную копию своего текущего шаблона.
2. В панели управления, раздел "Тема" откройте редактор "Изменить HTML"
3. В редакторе ищем строку:
Таких строк может быть несколько, меняем их все следующей строкой:
4. Затем ищем строку: Blogger комментарии
Так же для улучшения SEO рекомендую ознакомиться с материалом: индексируемые разделы Blogger
Какая форма комментариев лучше?
Если вы пользователь Blogger, тогда запомните, что лучшей формой комментариев, для вашего сайта является стандартная блоггеровская форма. Не Вконтакте, не Facebook, не Disqus и даже не Google plus, только обычная блоггеровская форма комментов. Почему так?- Во-первых, в отличии от остальных она индексируется всеми поисковиками. Например Яндекс, Майл.ру и другие на данном этапе не распознают вышеуказанные формы комментариев.
- Во-вторых, сторонние формы содержат внешние ссылки.
- В третьих они негативно влияют на скорость загрузки страниц сайта.
И даже с теми багами о которых пойдет речь в этой статье, блоггеровский инструмент все равно будет лучше. Тем более дальше вы узнаете, как искоренить эти баги и тем самым выжать весь максимум из комментариев.
Комментарии Blogger проблемные места
Примерно 5 или 6 лет тому назад Blogger обновил свои комментарии сделав их древовидными. То есть каждый ответ на комментарий пользователя имеет небольшой отступ от края, чтобы указать на его отношение. Размер или ширина отступа зависит от того, каким этот ответ идет по счету, если первым тогда ближе, второй уже дальше, третий еще дальше, и т.д..Пример:
-Комментарий
- Первый ответ на этот комментарий
- Второй ответ на этот комментарий
- Третий ответ на этот комментарий
Наглядный фото пример:
Все логично, такой вид комментариев значительно упрощает общение между пользователями блога.
Казалось бы все хорошо, но увы не все так прелестно. Дело в том, что каждый комментарий Blogger содержит в себе аж две исходящие ссылки. Это "Логин" автора комментария и кнопка - ссылка "Удалить" комментарий. Первая ведет на профиль пользователя в Google plus или в Blogger, а вторая на Blogger. Даже то, что первая ссылка закрыта атрибутом "nofollow" ничем не облегчает сложившеюся ситуацию. Почему так, вы можете узнать из статьи: Когда закрывать ссылку от индексации атрибутом Nofollow.
Секунду друзья, чуть не забыл еще об одной проблемной ссылке. Относится она к дате комментария. Хоть эта ссылка внутренняя, а не внешняя, но она цикличная из-за нее страница ссылается на саму себя. В энциклопедии Гугл ясно прописано, что такие ссылки, плохо влияют на продвижение сайта.
Все эти участки отмечены на скриншоте:
Стоит отметить, что даже при таких условиях комментарии все же приносят сайту больше плюсов, нежели минусов. Но если убрать эти минусу, тогда и вовсе будет собачий кайф. Правда после того, как комментарии стали древовидными, заделать подобную брешь не так и просто.
Оптимизация древовидных комментариев
Для того, чтобы оптимизировать комментарии Blogger нужно заменить саму форму, а это за собой тянет смену ее внешнего вида. Пример формы, которую я предлагаю установить можете посмотреть на странице с шаблоном для blogger List Mag.Как видите внешний вид довольно таки неплохой, плюс добавлены эмотиконы (смайлики).
Теперь приступим к установке.
1. Прежде сохраните резервную копию своего текущего шаблона.
2. В панели управления, раздел "Тема" откройте редактор "Изменить HTML"
3. В редакторе ищем строку:
<b:include data='post' name='threaded_comments'/>
Таких строк может быть несколько, меняем их все следующей строкой:
<b:include data='post' name='comments'/>
]]></b:skin>
после нее вставляем код:<style>
/* -- CSS Comment -- */
#comments{clear:both;list-style:none;margin:10px 5px;padding:10px 15px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.comment_avatar_wrap{width:42px;height:42px;background:#fcfcfc;text-align:center;margin-bottom:20px;}
.comment_avatar{float:left;margin:10px 0 0 11px;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;border:1px solid #eee}
.comment_avatar img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(//2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;}
.comment_name{color:#4a5764;font-size:15px;font-weight:normal;max-width:100%;text-decoration:none;margin:5px 0 0;text-transform:none;font-weight:normal;position:relative;}
.comment-menu{float:right;list-style:none;width:0;height:0;}
.comment_name a{text-transform:none;font-size:15px;color:#696969;text-decoration:none;font-weight:700;}
.comment_name a:hover{color:#a7a7a7;}
.comment_admin .comment_date{font-weight:normal;font-size:11px;}
.comment_service{padding-top:8px;margin-left:60px}
.comment_date{color:#aaa;font-size:11px;line-height:25px;margin-left:15px;cursor:;font-weight:bold;}
.comment_body{margin-top:-62px;background:#fcfcfc;border:1px solid #ddd;padding:10px;border-radius:2px;}
.comment_body p{line-height:1.5em;;margin:20px 0 0 0;color:#666;border:1px solid #F5F5F5;font-size:15px;word-wrap:break-word;background:#fff;padding:10px;text-align:left;}
.comment_intime{float:right;display:inline;position:relative;font-size:16px;text-transform:uppercase;}
.comment_intime a{padding-left:15px;}
.comment_intime span{color:#2CAF88;}.comment_intime span:hover{color:#a7a7a7}
.comment_inner{padding-bottom:5px;margin:5px 0 5px 0;}
.comment_child .comment_wrap{padding-left:7%;}
.comment_reply{float:right;display:inline-block;margin-top:8px;margin-left:-5px;padding:1px 12px;color:#fff!important;text-align:center;text-decoration:none;border-radius:2px;background:#bababa;font:11px/18px sans-serif;transition:background-color 1s ease-out 0s;}
.comment_reply:hover{text-decoration:none!important;;background:#f35858;}
.unneeded-paging-control,#comments h3{display:none;}
.comment-form{max-width:100%!important;}
#comment-editor{clear:both;padding:0;margin:0;width:100%!important;background:transparent url(//3.bp.blogspot.com/-oT9heRsu6nY/VPWdR-YopBI/AAAAAAAADh4/54cQ-S-anPk/s1600/bungload.gif) no-repeat 50% 30%;border:1px solid #eee;max-height:280px!important;}
.comment_form a{display:none}
.comment_reply_form{padding:0 0 0 70px;}
.comment_reply_form .comment-form{width:99%;}
.comment_emo_list .item{text-align:center;height:40px;width:41px;margin:1px auto;display:inline-block;}
.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px;}
img.comment_emo{width:16px;height:16px;}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto;}
.comment_img{max-width:100%!important;}
.deleted-comment{padding:10px 10px 10px 10px;display:block;color:#CCC;}
.comment_header{width:50px;}
#respond{overflow:hidden;padding-left:10px;clear:both;}
.comment_avatar img{width:42px;height:42px;background:#fff url(//2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;}
a.comment-delete {float:right;color:#E74D4D;margin-left:5px;margin-right:10px;}
.comment_author_flag{display:none;}
iframe{border:none;overflow:hidden;}
.small-button1 a{font-size:22px;cursor:pointer;font-weight:400;margin:0 0 -25px 0;text-decoration:none;text-transform:none;text-decoration:none!important;display:inline-block;color:#a7a7a7;padding:2px 0;cursor:pointer;transition:all 0.3s ease-out;}
.small-button1:hover a{color:#a7a7a7;display:inline-block;text-decoration:none!important;}
span.small-button1{text-align:left;display:inline-block;float:left}
#emo-box,#hide-emo{display:none;}
</style>
5. Теперь ищем строку
<b:includable id='comments' var='post'>
сразу после нее идет код до строки </b:includable>
весь этот код меняем на этот:<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3>
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_header'>
<div class='comment_avatar_wrap'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<div class='comment_service'>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'><i class='icon-eye-open'/></span>
</b:if>
<span class='comment_date'><data:comment.timestamp/></span>
<div class='comment_intime'>
<a expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Replay'><span><i class='fa fa-quote-left'/></span></a>
</div>
</div>
</div>
<div class='clear'/>
<p><data:comment.body/></p>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {'maxThreadDepth':'0'};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable.
Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)' ,'//twemoji.maxcdn.com/36x36/1f600.png',
':(' ,'//twemoji.maxcdn.com/36x36/1f615.png',
'hihi' ,'//twemoji.maxcdn.com/36x36/1f601.png',
':-)' ,'//twemoji.maxcdn.com/36x36/1f60f.png',
':D' ,'//twemoji.maxcdn.com/36x36/1f603.png',
'=D' ,'//twemoji.maxcdn.com/36x36/1f62c.png',
':-d' ,'//twemoji.maxcdn.com/36x36/1f604.png',
';(' ,'//twemoji.maxcdn.com/36x36/1f61e.png',
';-(' ,'//twemoji.maxcdn.com/36x36/1f62d.png',
'@-)' ,'//twemoji.maxcdn.com/36x36/1f616.png',
':P' ,'//twemoji.maxcdn.com/36x36/1f61c.png',
':o' ,'//twemoji.maxcdn.com/36x36/1f62e.png',
':>)','//twemoji.maxcdn.com/36x36/1f606.png',
'(o)' ,'//twemoji.maxcdn.com/36x36/1f609.png',
':p' ,'//twemoji.maxcdn.com/36x36/1f614.png',
'(p)' ,'//twemoji.maxcdn.com/36x36/1f619.png',
':-s' ,'//twemoji.maxcdn.com/36x36/1f625.png',
'(m)' ,'//twemoji.maxcdn.com/36x36/1f620.png',
'8-)' ,'//twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'//twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'//twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'//twemoji.maxcdn.com/36x36/1f635.png',
'$-)' ,'//twemoji.maxcdn.com/36x36/1f4b5.png',
'(y)' ,'//twemoji.maxcdn.com/36x36/1f44d.png',
'x-)' ,'//twemoji.maxcdn.com/36x36/1f60d.png',
'(k)' ,'//twemoji.maxcdn.com/36x36/1f496.png',
];
//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','<code>',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
//]]>
</script>
6. Завершающий этап. Найдите строку
<b:includable id='threaded-comment-form' var='post'>
сразу после нее идет код до строки </b:includable>
весь этот код меняем на этот:<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/><br/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='Show Emoticon'><i class='fa fa-smile-o'/></a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'><i class='fa fa-smile-o'/></a></span>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
7. Сохраните шаблон.
Так же не забывайте про наши оптимизированные шаблоны blogger и услуги по их настройке. На этом все, удачи друзья.
Blogger: В комментариях не работает кнопка Ответить
Буквально два месяца тому назад в Blogger произошли изменения, которые увы негативно повлияли на работу формы комментариев. Это касается формы, которая отличалась от стандартной, далеко идти не нужно, чуть выше есть инструкция по установке этой формы. Так вот у нас теперь получается неполноценный виджет, у которого не работает должным образом кнопка Ответить и Древовидная функция комментов. Уже сейчас есть возможность восстановить работу кнопки Ответить, однако древовидное отображение комментариев пока что не удалось наладить.Скопируйте код ниже и установите его в редакторе Изменить HTML перед закрывающим тегом </body>
<script type='text/javascript'>
//<![CDATA[
function Display_Reply_Form(r){par_id=$(r).attr("id"),par_id=Valid_Par_Id(par_id),html=$(Cur_Cform_Hdr).html(),".comment_form"==Cur_Cform_Hdr?(reset_html='<a href="#origin_cform" onclick="Reset_Comment_Form()" id="resetcomments">Add Comments</a><a name="origin_cform"/>',$(Cur_Cform_Hdr).html(reset_html)):$(Cur_Cform_Hdr).html(""),Cur_Cform_Hdr="#r_f_c"+par_id,$(Cur_Cform_Hdr).html(html),$("#comment-editor").attr("src",Cform_Ins_ParID(par_id))}
//]]>
</script>
Сохраните Тему.
Blogger: Все включая анонимных пользователей
А вы уже знаете, что в Блоггере добавили новые возможности для желающих оставить комментарий к вашей публикации. Теперь оставить отзыв может любой желающий и при этом не нужно иметь аккаунт в Google. Для этого достаточно выбрать один из критериев Имя \ URL или же Анонимный. Понятное дело, что выбрав Имя URL вы сможете задать ник и ссылку на ваш ресурс. Ну, а второй вариант будет отображать вместо вашего имени надпись Анонимный.Чтобы активировать новую функцию перейдите в раздел Настройки - Сообщения, комментарии и настройки доступа. В колонке Кто может оставлять комментарии выберите: Все, включая анонимных пользователей.
С тех пор, как у блоггеров появилась такая возможность прошло уже более полугода и меня сильно удивило, то что до сих пор не каждый пользователь может подключить данный тип настроек. С этим столкнулся один из моих заказчиков. Скриншот, который он мне отправил.
![]() |
Все включая анонимных пользователей не работает |
Проблема здесь заключалась в том, что его блог не был связан с Google+ (хотя я создавал новый аккаунт без подобной связи и у моего блога все функции были доступны). Ну что же, я все таки связал свой Google + с его блогом, после чего появились коммнетраии Google+ которые почему-то сразу же активировались, а нужных нам натсроек так и не было. Сразу же после отключения формы комментариев Google+ в настройках отобразились нужные параметры с возможностью комментировать без регистрации.
25 Коммент.
Оставить комментарийФорма для комментов довольно симпатичная. Простая и понятная. Мне понравилась. Вот только нет авторизации для российских соцсетей, а это ооочень большой минус.. Кроме того, кода очень много, я постараюсь убрать все эти эмоушнс, не нужны они. Жаль, что нет варианта без них или подскажите, что убрать.
ОтветитьДальше. Индексация комментов поисковыми системами, на мой взгляд, является не плюсом, а скорее минусом, поскольку в поиске выдаются страницы совершенно не соответствующие поисковому запросу, и которые найдены по случайному совпадению слов с каким-либо коммментарием.
Ещё вопросик. А почему h3? Подзаголовками статьи они не являются. Вообще-то в blogger комменты всегда были h4, да и вообще, нужен ли им h? Достаточно и р.
Подскажете, как сделать, чтобы размещать эту форму можно было только в конкретном месте, а не на всех страницах?
https://messenger-wowapp.blogspot.com/
Убрать смайлы, в предпоследнем скрипте убираете код от Emo_list до знака ];
ОтветитьИндексация комментариев это только плюс.
Хоть H1, на статью не влияет. Можно и вовсе без h, разницы нет.
http://www.shablonu-dlya-blogger.ru/2015/10/kak-na-bloge-sajte-skryt-kommentarii.html
Спасибо, Марк.
ОтветитьЗдравствуйте Марк! Подскажите, пожалуйста, об имеющихся в настройках расположения стандартных комментариев в виде "на всю страницу" и "всплывающее окно". Что они из себя представляют?
ОтветитьДа особо ничего, просто там более расширенные настройки. Например о тегах b,a,i знают только блоггеры и то не все. Капча то такое, можно обойтись и без нее, разве что у блога 50 тысяч посетителей в день. Короче говоря, лучше оставить встроенную форму.
ОтветитьМарк, спасибо за ответ! На этом Вашем блоге тоже установлена встроенная форма комментирования? Не знаете, где можно посмотреть пример настройки расположения стандартных комментариев вида "На всю страницу"? В Интернете прочитал, что в ней нет функции "Ответить". Может, поэтому она не применяется?
ОтветитьДа, на моем сайте встроенная форма. Не встречал подобных настроек. Все верно, в ней нет функции ответа на чей либо комментарий.
ОтветитьПривет, Марк!
ОтветитьЧто то у меня нет ни возможности ответить, ни смайлов... только дизайн изменился
что может быть не так не пойму, шаблон с "простой" темой... подскажешь, чё? =)
Вроде как разобрался, в коде не хватает изображения углового смайла, и не отмечена ничем ссылка на ответить...
ОтветитьПриветствую. Не знаю, нужно смотреть шаблон возможно, что-то упустили. Может в Шаблоне не подключены библиотеки Jquery.
ОтветитьВозможно и что-то упустил, попробую еще раз, библиотеки стояли...
Ответитьтакой косяк еще замечен... где нет комментов в сообщение, окна для ввода коммента тоже нет...???
я когда заново попробую на новым шаблоне, то отпишусь, что да как получилось.
Ok
ОтветитьПривет! эт снова я =)
Ответитьпробовал на другом шаблоне, всё тоже самое.
нет на углу смайла, чтобы открыть все смайлы, при этом если отправляешь символы, они появляются в комменте в виде смайлика, тут всё нормально.
И нет кнопки ответить, хотя курсор определяет эту область.
Вот ссылка на блог https://saverlife-test7.blogspot.ru/2018/01/blog-post.html
или как то можно шаблон отправить?
Нужно еще подключить шрифты fontawesome - как подключить. Видео
Ответить=) Спасибо! Заработала )))...
Ответитьа как еще сделать ответы на коммент, как на этом блоге? чтобы они не сужались...)))
В этом скрипте не получится так сделать.
ОтветитьНу, спасибо и на этом =)...
ОтветитьМне есть, что сказать хотел заменить на Введите комментарий... В коде нет, походу в сторонних скриптах прописано?
ОтветитьСменить надпись нельзя.
ОтветитьУ меня другой вопрос. Почему у меня комментарии не идут в реальном времени? В настройках, вроде все нормально
ОтветитьВ настройках выбрали ваш часовой пояс?
ОтветитьЯ очень начинающий пользователь Blogger. У меня вообще поле "комментарии" отсутствует на странице сообщения. Настройки все как в вашем примере. Что не так?
ОтветитьСмотрите включены ли комментарии в Настройках. Пример предпоследний скриншот публикации.
ОтветитьТак же откройте раздел Дизайн - Сообщения блога, посмотрите стоит ли галочка напротив 5 коммент.
Спасибо большое. Но в этих местах все было правильно. На странице сообщения, справа в разделе "параметры", не стояла нычка, "комментарии читателей" "разрешить".
ОтветитьВ редакторе сообщений комментарии могут быть отключены, если ранее отключались в Настройках. Даже повторная их активация не гарантирует, что они снова появятся во всех сообщениях, поэтому в каждом подобном сообщении нужно активировать комментарии вручную.
Ответить