Google CSE Search Wordpress

<!-- START GOOGLE CSE -->
<div class="post">
<div id="hasilpencarian">
 <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('search', '1');
      function OnLoad() {
      // Create a custom search control that uses a CSE restricted to code.google.com
      var customSearchControl = new google.search.CustomSearchControl('partner-pub-0540024532645583:3637158735');
      // Draw the control in content div
      customSearchControl.draw('hasilpencarian');
      // run a query
      customSearchControl.execute('<?php echo "$s" ?>');
    }
    google.setOnLoadCallback(OnLoad);
    </script>
<div id="hasilpencarian">Loading...</div>
</div>
<style>
#hasilpencarian .gsc-cursor-page{width:15px;float:left;cursor:pointer}
#hasilpencarian .gsc-webResult{margin:10px 0}
#hasilpencarian .gs-result .gs-title{color:#069;font:normal normal 18px Cambria;padding:0;}
#hasilpencarian .gsc-input{width:430px;margin-right:2px;}
#hasilpencarian table.gsc-resultsHeader{width:100%}
#hasilpencarian form.gsc-search-box{text-align:center;margin:20px 0 10px}
#hasilpencarian .gsc-twiddle{width:25px;float:left}
#hasilpencarian .gs-watermark a{color:#afafaf}
#hasilpencarian .gs-visibleUrl-long{display:none}
#hasilpencarian .gsc-control-cse{font-size:12px}
#hasilpencarian{width:100%;padding:0 0 4px}
.gs-snippet{border-top:1px solid #82caef;}
form .gsc-search-box{-moz-border-radius:5px;border-radius:5px;border:1px solid #82caef;padding:0 10px;background:#f3f3f3;margin:5px 0;}
.gsc-table-cell-thumbnail,.hidden,hr,#hasilpencarian .gs-visibleUrl-short,#hasilpencarian .gsc-twiddle,#hasilpencarian .gsc-stats,#hasilpencarian .gsc-results-selector{display:none}
</style>
</div>
<!--// END GOOGLE CSE -->