How to Make Blog Comments Become a Show Hide

Make Comments Blog Show Hide Valid HTML5

How to Change blog comments to short with the show hide button . Benefits of changing blog comments into show hide is not too much, just makes the blog to be short if there are lots of comments on the blog, it might also make the blog load faster because there aren’t too many images loading in the blog comments.

How to Make Blog Comments Become a Show Hide

Login to Blogger.com

Go to the tab Template Edit HTML Search Code

Input CSS below, right above it.

a.openpanel{width:100%;color:rgb(141,142,144);display:block;font-size:120%;overflow:hidden;padding:0;text-align:center;position:relative;text-decoration:none;box-sizing:border-box;background-color:white;border:2px solid rgb(141,142,144);box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);border-radius:3px}
a.openpanel span.title{padding:15px 10px;display:block}
a.openpanel span.mas{position:absolute;top:0;right:0;bottom:0;padding:0 25px;background:transparent;border-left:2px solid rgb(141,142,144);box-sizing:border-box}
a.openpanel span.mas span{background-color:#ed1e1e;width:30px;height:30px;position:absolute;right:10px;top:12px;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}
a.openpanel span.mas.tamvanx span{background:#0091ea}

Next, look for the code </body> then input the javascript below precisely above it.

If the code does not appear, you are put this script above the </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type ='text/javascript'> </script>

Don’t forget to stop by the other tutorials on my blog.

That’s all and thank you, hopefully the article about how to make blog comments become show hide is useful.

,

Share this post