Moving the chat tab to the side of your page

You can make a small change below your existing Olark JavaScript embed code to place a click-to-chat tab on the left side of your page.
 

 <!-- BEGIN OLARK IMAGE TAB-->

<style>

  div#olark_tab{
    position: fixed;
    left: 0;
    bottom:50%;
    z-index:5000;
  }

  #olark_tab a {
    display:block;
    /*Edit these to change the look of your tab*/
    border: 3px solid white;
    border-left-style: none;
    border-bottom-style: none;
    margin-top:0px;
  }

  #olark_tab a:hover{
    border-color: orange;
  }

</style>

<div id="olark_tab">
  <a href="javascript:void(0);" onclick="olark('api.box.expand')">
    <img src="http://static.olark.com/images/livehelp-tab-icon.png" />
  </a>
</div>

<!-- END OLARK TAB--> 

Example: