این کد رو در بین تگ head قرار بدید

<style>.mybox{    z-index:1000;    padding:0;    margin:0;    display:block;    position:fixed;    text-align:right;    right:0px;    top:50px;    direction:rtl;    font:11px Comic Sans MS,Tahoma;}.mybox a{    z-index:1000;    height:32px;    line-height:32px;    width:32px;    font-size:16px;    text-decoration:none;    font-weight:bold;    text-align:left;    display:block;    clear:both;    direction:ltr;    overflow:hidden;    -khtml-border-radius:4px 0 0 4px;    -moz-border-radius: 4px 0 0 4px;    -webkit-border-radius: 4px 0 0 4px;    border-radius: 4px 0 0 4px;    -ms-border-radius: 4px 0 0 4px;    margin-right:-2px;    transition:all 0.5s ease;    -o-transition:all 0.5s ease;    -moz-transition:all 0.5s ease;    -webkit-transition:all 0.5s ease;    -khtml-transition:all 0.5s ease;    letter-spacing:100px;    margin-bottom:2px;}.mybox a:hover{    z-index:1000;    width:232px;    color:#FFFFFF;        letter-spacing:0;}.mybox a span{    z-index:1000;    display:inline-block;    width:32px;    height:32px;    text-align:center;    margin-right:232px;    transition:all 0.4s ease-in-out;    -o-transition:all 0.4s ease-in-out;    -moz-transition:all 0.4s ease-in-out;    -webkit-transition:all 0.4s ease-in-out;    -khtml-transition:all 0.4s ease-in-out;        letter-spacing:0;}.mybox a:hover span{    z-index:1000;    margin-right:-10px;    }.mybox a.fresh{    z-index:1000;    background: #113355;    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMzM1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);    background: -moz-linear-gradient(top, #113355 0%, #336699 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#113355), color-stop(100%,#336699));    background: -webkit-linear-gradient(top, #113355 0%,#336699 100%);    background: -o-linear-gradient(top, #113355 0%,#336699 100%);    background: -ms-linear-gradient(top, #113355 0%,#336699 100%);    background: linear-gradient(to bottom, #113355 0%,#336699 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113355', endColorstr='#336699',GradientType=0 );    color:#135;}.mybox a.fresh span,.mybox a.fresh:hover{    z-index:1000;    color:#FFFFFF;}.mybox a.list {    z-index:1000;    background: #009999;    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);    background: -moz-linear-gradient(top, #009999 0%, #005555 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009999), color-stop(100%,#005555));    background: -webkit-linear-gradient(top, #009999 0%,#005555 100%);    background: -o-linear-gradient(top, #009999 0%,#005555 100%);    background: -ms-linear-gradient(top, #009999 0%,#005555 100%);    background: linear-gradient(to bottom, #009999 0%,#005555 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009999', endColorstr='#005555',GradientType=0 );    color:#099;}.mybox a.list span,.mybox a.list:hover{    z-index:1000;    color:#FFFFFF;}.mybox a.google {    z-index:1000;    background: #800000;    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);    background: -moz-linear-gradient(top, #800000 0%, #990000 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800000), color-stop(100%,#990000));    background: -webkit-linear-gradient(top, #800000 0%,#990000 100%);    background: -o-linear-gradient(top, #800000 0%,#990000 100%);    background: -ms-linear-gradient(top, #800000 0%,#990000 100%);    background: linear-gradient(to bottom, #800000 0%,#990000 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#990000',GradientType=0 );    color:#800000;}
.mybox a.google span,.mybox a.google:hover{    z-index:1000;    color:#FFFFFF;}.mybox a.chatToggle {    z-index:1000;    background: #ffcc00;    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);    background: -moz-linear-gradient(top, #ffcc00 0%, #ff6600 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ff6600));    background: -webkit-linear-gradient(top, #ffcc00 0%,#ff6600 100%);    background: -o-linear-gradient(top, #ffcc00 0%,#ff6600 100%);    background: -ms-linear-gradient(top, #ffcc00 0%,#ff6600 100%);    background: linear-gradient(to bottom, #ffcc00 0%,#ff6600 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff6600',GradientType=0 );    color:#fc0;}.mybox a.chatToggle span,.mybox a.chatToggle:hover{    z-index:1000;    color:#000;}</style> 

و این کد رو در بین تگ body قرار بدید

<div class="mybox">    <a id="fresh" class="fresh" href="javascript:document.location.reload();" title="رفرش صفحه"><span>Re</span> fresh This Page</a>    <a id="list" class="list" href="#" id="listToggle" onclick="if(this.innerHTML=='<span>On</span> line List Show'){document.getElementById('onlinelist').show();this.innerHTML='<span>On</span> line List Delete';this.title='حذف لیست آنلاین ها';}else if(this.innerHTML=='<span>On</span> line List Delete'){document.getElementById('onlinelist').hide();this.innerHTML='<span>On</span> line List Show';this.title='نمایش لیست آنلاین ها';}" title="حذف لیست آنلاین ها"><span>On</span> line List Delete</a>    <a id="chatToggle" class="chatToggle" href="#" id="chatToggle" onclick="if(this.innerHTML=='<span>Om</span> oomi Show'){document.getElementById('chatinhalt').show();this.innerHTML='<span>Om</span> oomi Delete';document.getElementById('linkdooni').show();this.title='حذف عمومی چت روم';}else if(this.innerHTML=='<span>Om</span> oomi Delete'){document.getElementById('chatinhalt').hide();this.innerHTML='<span>Om</span> oomi Show';document.getElementById('linkdooni').hide();this.title='نمایش عمومی چت روم';}" title="حذف عمومی چت روم"><span>Om</span> oomi Delete</a>    <a class="google" dir="center" title="چپ چین و راست چین"><span><&nbsp;>&nbsp;</span>    Left    <input type="radio" onclick=" if(this.value==0){ document.getElementById('chatinhalt').style.direction='ltr'; } " value="0" name="chk1" title="چپ چین"></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    Right    <input type="radio" onclick=" if(this.value==1){ document.getElementById('chatinhalt').style.direction='rtl'; } " value="1" name="chk1" title="راست چین"></input>    </a></div> 

شات=

منبع=ای تی چت میل