live chat room engine code for website

<!--Start of Zopim Live Chat Script-->

<script type="text/javascript">

window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=

d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.

_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');

$.src='//v2.zopim.com/?28aIx2QK9mgjA89UscwC9jKk5NjYrQF1';z.t=+new Date;$.

type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');

</script>

<!--End of Zopim Live Chat Script-->

How to display Recent post of your blogger to your website

<div id="bop">
<marquee direction=up scrollamount='3'>
<script style="text/javascript" src="https://sites.google.com/site/projectdigitaltomato/blogger/js/rpost-english.js"></script>
<script style="text/javascript">var numposts =5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>
<script src="http://bookofprogrammer.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
</marquee>
</div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>

#rpdr, #rpdr a {color:#808080;}
#bop { border-bottom:1px #cccccc dotted; margin-top:-10px;font-size:14px; width:300px;}
.mtrpw a {font-weight:bold;color:#003366; text-decoration:none;font-style:italic; }
.mtrpwsumm {height:40px;width:280px;margin-bottom:20px;}
</style>