Create a blog post with formatted coding

To get this formatting

<template name="getTags" xmlns="http://ws.apache.org/ns/synapse">
    <sequence>
        <property name="Accept-Encoding" value="deflate" scope="transport" />
        <call>
         <endpoint>
          <http method="GET" uri-template="{uri.var.delicious.url}/v1/tags/get"/>
         </endpoint>
        </call>
    </sequence>
</template> 

  Goto :http://hilite.me/
  Paste your code into Source code. 
  Select your language and Style.
  Press Highlight.

•  Then copy above code and paste it into your blog post page (HTML View).

<pre style="-webkit-box-shadow: gray 3px 3px; 
           background-color: #eeeeee; 
           border-bottom-left-radius: 3px; 
           border-bottom-right-radius: 3px; 
           border-top-left-radius: 3px; 
           border-top-right-radius: 3px; 
           border: 0px solid; 
           box-shadow: rgb(167, 167, 167) 3px 3px; overflow: auto; 
           padding: 5px; width: 100%;">
   <code>
      {Your Code Here}
   </code> 
</pre> 

•   Change the compose view.
•   Then paste the preview code from web page into gray box.