Скрипт, чтобы изменить слово логотипом или картинкой

Как и что прописать в коде шаблона, чтоб при последующей вставке в статью ссылок типа: http://www.google.com/ или http://www.google.com/webhp?hl=ru, результатом получать всегда в готовой статье кликабельную кнопку-картинку с переходом по этим ссылкам.

a[href^="http://www.google.com"] { 
  background: url(http://4.bp.blogspot.com/-9oAj7CmoIFQ/TpC8QtdPhdI/AAAAAAAACYo/DvJYUjLJ_LY/s400/logo-google1.png) no-repeat; 
  width: 201px; 
  height: 120px;
  display: inline-block; 
  padding: 100px 0 0 100px; 
}

<a href="http://www.google.ru/webhp?hl=ru"><img height="15" width="30" src="http://3.bp.blogspot.com/--d9o4AQdwmE/TpDKwYbrTdI/AAAAAAAACYw/AapC-bK52qo/s400/fon.png" alt="Гугл"/></a>

Скрипт, чтобы изменить слово логотипом или картинкой

</head>

<script type='text/javascript'>
//<![CDATA[
function reemplazaLogos(cual) {
if(!document.getElementById) { return; }
var verificar = "post-body-" + cual;
bodyText = document.getElementById(verificar);
elTexto = bodyText.innerHTML;
elTexto = elTexto.replace(/Гугл/g,'<a href="http://www.google.com/" target="_blank"><img src="http://cs10361.vkontakte.ru/u27477168/-5/m_2c46459a.jpg" style="vertical-align:text-bottom;" border="0" height="47" width="130" alt="Google"/></a>');
bodyText.innerHTML = elTexto;
}
//]]>
</script>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

<script type='text/javascript'>reemplazaLogos(&#39;<data:post.id/>&#39;);</script>

<script type='text/javascript'>
//<![CDATA[
function reemplazaLogos(cual) {
if(!document.getElementById) { return; }
var verificar = "post-body-" + cual;
bodyText = document.getElementById(verificar);
elTexto = bodyText.innerHTML;
elTexto = elTexto.replace(/Гугл/g,'Google');
bodyText.innerHTML = elTexto;
}
//]]>
</script>