Jak zrobić "pokaż/ukryj komentarze" w bloggerze

Chcesz na swoim blogu w blogspocie umożliwić użytkownikom pokazywanie lub ukrycie komentarzy pod wpisem? Można to zrobić bardzo prosto w kilku krokach.

1. Zalogujmy się do naszego kokpitu, wejdźmy do układ i edytuj HTML
2. Zaznaczamy opcje "Rozszerz szablony widżetów"
3. Znajdź
4. Teraz zaraz po znaczniku wstaw poniższy kod.
<script language="javascript"> function toggle() { var ele = document.getElementById("toggleText"); var text = document.getElementById("displayText"); if(ele.style.display == "block") { ele.style.display = "none"; text.innerHTML = "Show Comments"; } else { ele.style.display = "block"; text.innerHTML = "Hide Comments"; } } </script>
5. Teraz znajdź taki kod
<br /> <dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'><br /> <b:if cond='data:comment.favicon'><br /> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/><br /> </b:if><br /> <a expr:name='data:comment.anchorName'/><br /> <b:if cond='data:blog.enabledCommentProfileImages'><br /> <data:comment.authorAvatarImage/><br /> </b:if><br /> <b:if cond='data:comment.authorUrl'><br /> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br /> <b:else/><br /> <data:comment.author/><br /> </b:if><br /> <data:commentPostedByMsg/><br /> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p></b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl>
6. I zamień go na
<a href='javascript:toggle();' id='displayText'>Show/Hide Comments</a><br /> <br /> <div id='toggleText' style='display: none;'><br /> <br /> <dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'><br /> <b:if cond='data:comment.favicon'><br /> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/><br /> </b:if><br /> <a expr:name='data:comment.anchorName'/><br /> <b:if cond='data:blog.enabledCommentProfileImages'><br /> <data:comment.authorAvatarImage/><br /> </b:if><br /> <b:if cond='data:comment.authorUrl'><br /> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br /> <b:else/><br /> <data:comment.author/><br /> </b:if><br /> <data:commentPostedByMsg/><br /> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p></b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl><br /> <br /> </div>
7. Zapisz szablon i gotowe.

Oto demo