Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme

TEMA: Botones de redes sociales para Kunena 1.6

Botones de redes sociales para Kunena 1.6 9 años 5 meses ago #16426

  • Mizunga
  • Avatar de Mizunga
  • Offline
  • Colaborador
  • Mensajes: 469
  • Gracias recibidas 36
  • Karma: 28
Si tienes Kunena 2.0 usa este hack

Este hack / minitutorial sirve para mostrar botones de redes sociales en los posts de Kunena. (facebook, twitter, friendfeed, blogger... etc...)

Primero ir a: components/com_kunena/template/default/view/view.php abrir y modificar:

De la linea 23 a la 27 encontrareis esto:
<?php
	$this->displayPoll();
	CKunenaTools::showModulePosition( 'kunena_poll' );
	$this->displayThreadActions(0); // borrar esta linea.
?>

y justamente después del ?> añadimos lo siguiente:
<div id="socialclass"> Compartelo en <?php  require("addthis.php"); ?> </div>

cuando ya lo tengamos subis este pequeño archivo que dejo adjunto a components/com_kunena/template/default/view

Archivo Adjunto:

Nombre del Archivo: addthis.zip
Tamaño del Archivo:1 KB


Abrimos el archivo y nos encontraremos con esto:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<div class="addthis_toolbox"> 
<div class="custom_images">
            <a rel=”nofollow” class="addthis_button_facebook"><img src="http://mysocialbuttons.com/socialicons/facebook.png" width="24" height="24" alt="Facebook" title="Compartelo en Facebook" /></a>
            <a rel=”nofollow” class="addthis_button_twitter"><img src="http://mysocialbuttons.com/socialicons/twitter.png" width="24" height="24" alt="Twitter" title="Envialo a Twitter" /></a><script type="text/javascript">var addthis_share = {  templates: { twitter: '{{title}}: {{url}} via @micuentadetwitter' } } </script>
            <a rel=”nofollow” class="addthis_button_myspace"><img src="http://mysocialbuttons.com/socialicons/myspace.png" width="24" height="24" alt="MySpace" title="Publicalo en MySpace" /></a>
            <a rel=”nofollow” class="addthis_button_delicious"><img src="http://mysocialbuttons.com/socialicons/delicious.png" width="24" height="24" alt="Delicious" title="Guardalo en Delicious" /></a>
            <a rel=”nofollow” class="addthis_button_digg"><img src="http://mysocialbuttons.com/socialicons/digg.png" width="24" height="24" alt="Digg" title="Envialo a Digg" /></a>
	    <a rel=”nofollow” class="addthis_button_friendfeed"><img src="http://mysocialbuttons.com/socialicons/friendfeed.png" width="24" height="24" alt="FriendFeed" title="Compartelo en FriendFeed" /></a>
	    <a rel=”nofollow” class="addthis_button_linkedin"><img src="http://mysocialbuttons.com/socialicons/linkedin.png" width="24" height="24" alt="Linkedin" title="Compartelo en Linkedin" /></a>
            <a rel=”nofollow” class="addthis_button_reddit"><img src="http://mysocialbuttons.com/socialicons/reddit.png" width="24" height="24" alt="Reddit" title="Envialo a Reddit" /></a>
            <a rel=”nofollow” class="addthis_button_stumbleupon"><img src="http://mysocialbuttons.com/socialicons/stumbleupon.png" width="24" height="24" alt="Stumbleupon" title="Envialo a Stumbleupon" /></a>
            <a rel=”nofollow” class="addthis_button_technorati"><img src="http://mysocialbuttons.com/socialicons/technorati.png" width="24" height="24" alt="Technorati" title="Compartelo en Technorati" /></a>
            <a rel=”nofollow” class="addthis_button_blogger"><img src="http://mysocialbuttons.com/socialicons/blogger.png" width="24" height="24" alt="Blogger" title="Compartelo en Blogger" /></a>
            <a rel=”nofollow” class="addthis_button_wordpress"><img src="http://mysocialbuttons.com/socialicons/wordpress.png" width="24" height="24" alt="Wordpress" title="Compartelo en Wordpress" /></a>            
    </div>
</div>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c1cfb4053892a88"></script>

fijaros en el de twitter que hay que poner vuestra cuenta de twitter, para que asi cada vez que publiquen algún mensaje señalara a vuestra cuenta de twitter.

Por ultimo vamos al CSS de la plantilla que utilicemos (en Kunena) y al final añadimos:
div#socialclass {
	font-size:14px;
	font-family:Arial;
	background:#FFF;
	color:#323232;
	margin-left:3px;
}

podeis dejar más espacio, personalizarlo, darle diferentes tamaños e incluso abrir un nuevo div para las imagenes: div#socialclass img { y añadir vuestro propio codigo.

Bueno esto es todo creo.
Última Edición: 6 años 10 meses ago por JoniJnm.
El administrador ha desactivado la escritura pública.
Los siguientes usuarios han agradecido: JoniJnm

Re: Botones de redes sociales para Kunena 1.6 9 años 5 meses ago #16444

  • JoniJnm
  • Avatar de JoniJnm
  • Offline
  • Administrador
  • Mensajes: 4579
  • Gracias recibidas 544
  • Karma: 160
Muchas gracias Mizunga.

Tenías un demo por ahí, no?
El administrador ha desactivado la escritura pública.

Re: Botones de redes sociales para Kunena 1.6 9 años 5 meses ago #16454

  • Mizunga
  • Avatar de Mizunga
  • Offline
  • Colaborador
  • Mensajes: 469
  • Gracias recibidas 36
  • Karma: 28
Si, pero, en la demo estoy probando otras cosas así que paso imagen:

El administrador ha desactivado la escritura pública.

Re: Botones de redes sociales para Kunena 1.6 9 años 5 meses ago #16456

  • Fernando
  • Avatar de Fernando
  • Offline
  • Colaborador
  • Mensajes: 111
  • Gracias recibidas 8
  • Karma: 6
Muchas gracias Mizunga, yo de momento aun no se si arriesgar con la 1.6... las urls se mantienen exactamente igual que en la 1.5? hay que hacer muchos cambios para pasarse?
El administrador ha desactivado la escritura pública.

Re: Botones de redes sociales para Kunena 1.6 9 años 5 meses ago #16457

  • Mizunga
  • Avatar de Mizunga
  • Offline
  • Colaborador
  • Mensajes: 469
  • Gracias recibidas 36
  • Karma: 28
URLS se mantienen igual y más bien pocos cambios...
El administrador ha desactivado la escritura pública.

Re: Botones de redes sociales para Kunena 1.6 8 años 1 mes ago #19707

  • aemt2.0
  • Avatar de aemt2.0
  • Offline
  • Visitante
  • Mensajes: 1
  • Karma: 0
Hola, he seguido el tutorial al pie de la letra pero cuando voy al foro no me aparecen los iconos de las redes sociales. o sea me aparecen los recuadros como imagenes con problemas y en lo funcional andan muy bien pero en lo visual no se ven los iconos. ¿Me puedes ayudar? desde ya gracias y muy buen tutorial por lo demas. te dejo una imagen


C:\fakepath\kunena sin imagenes redes sociales.jpg
Última Edición: 8 años 1 mes ago por aemt2.0.
El administrador ha desactivado la escritura pública.

Re: Botones de redes sociales para Kunena 1.6 6 años 10 meses ago #20600

  • JoniJnm
  • Avatar de JoniJnm
  • Offline
  • Administrador
  • Mensajes: 4579
  • Gracias recibidas 544
  • Karma: 160
El administrador ha desactivado la escritura pública.
Tiempo de carga de la página: 0.201 segundos