Hack Botones Redes Sociales para el Mosets Tree

Tutorial como añadir botones redes sociales en Mosets Tree

Primero deciros que en mi sitio estoy utilizando Mosets Tree 2.1.3 y Kinabalu 1.0, pero, esto es perfectamente aplicable a otras plantillas y otras versiones, sino sabeis como preguntad en el foro.

Al final os quedara una cosa asi más o menos:




1º Modificar nuestra plantilla
Para comenzar debereis descargar el archivo que permite mostrar los botones sociales y subirlo a components/com_mtree/templates/kinabalu

if( $this->show_actions_rating_fav ) {
 ?>
 <div>
 <?php if( $this->show_actions ) { ?>

Justo despues incluiremos esto:

div id="socialmtree"
Compartelo en://** this is your own message, for example in english change for Share in:<br>
<?php require("addthis.php"); ?>
</div>

2º Editar el addthis.php
Abrimos y editamos, esto lo voy a explicar mediante el ejemplo de twitter, ya que es el más completo y se aplica a todos, excepto la parte de la cuenta de twitter, cuando lo abrais ya lo vereis.

Para twitter encontrareis esto:

<a><img src="http://mysocialbuttons.com/socialicons/twitter.png" width="32" 
height="32" alt="Twitter" title="Here my alt for image, if i use 
english then remove title atribute" /></a>
<script type="text/javascript">
var addthis_share = {  templates: { twitter: '{{title}}: {{url}} via @[b]heremytwitteraccount[/b]' } }
</script>

3º Editar el CSS de Mosets Tree
Se encuentra en components/com_mtree/template/kinabalu/template.css (en el caso de Kinabalu, sino la que tengais por defecto)
Abrimos y añadimos al final:

#socialmtree {
font-size:1.2em;
text-decoration:underline;
}
#socialmtree img {
padding-top:3px;
}