Here's the code for the old one:
<!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} hcb_user.PAGE="https://sites.google.com/site/scienceandmathguide/";(function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","+")+"&mod=$1$wq1rdBcg$bHyPM4fdc5lhfWxnwIAe8."+"&opts=414&num=15");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end htmlcommentbox.com -->
Here's the code for the new one:
<!-- begin wwww.htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="//www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" /> <script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=hcb_user.PAGE || (""+window.location).replace(/'/g,"'"), h="//www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","+")+"&mod=$1$wq1rdBcg$QmPAF6SH5mJB1Ng4aQllx."+"&opts=16894&num=10&ts=1441594287518");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end www.htmlcommentbox.com -->
alt in case some stuff is shown differently: http://pastebin.com/sfV5PmGK, especially the part with replace "+" with "%2B"
I've isolated the part of the codes that make them different, using this editor: http://htmledit.squarefree.com/ just c+p-ing different segments.
here's the segment for the old one:
hcb_user.PAGE="https://sites.google.com/site/scienceandmathguide/";(function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","+")+"&mod=$1$wq1rdBcg$bHyPM4fdc5lhfWxnwIAe8."
here's the segment for the new one:
(function(){var s=document.createElement("script"), l=hcb_user.PAGE || (""+window.location).replace(/'/g,"'"), h="//www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","+")+"&mod=$1$wq1rdBcg$QmPAF6SH5mJB1Ng4aQllx."
Looking at it generally, it looks like it's supposed to do the same thing, but I don't know exactly what, it looks so complicated to me, I don't know all the syntax/conventions.
what it looks like when i c+p the new over the old:

Edited by Waker, 06 September 2015 - 11:07 PM.