• 0
  • 10 RepliesReplies
  • 8131 ReadTimes Read
  • 5 PointsPoints

Topic: [Tip] Como poner AddThis al lado del titulo de cada tema

Usuario: Niell
Rango: Nuevo Usuario
Mensajes: 235
Points: 24
Perfil: View Profile
Hola a todos, en este tutorial les enseñare a como poner addthis al dalo de titulo de cada tema, el resultado final sera esto :
Primero devemos registrarnos en http://www.addthis.com. Una vez registrados Seleccionamos la 3 opcion y le damos click a Get AddThis.
Ahora nos dara el siguiente algo como este codigo :

Code: [Select]
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd1363a4862c348"></script>
<!-- AddThis Button END -->

Ahora vamos a nuestro Display.template.php y buscamos :

Code: [Select]
   // Show the topic information - icon, subject, etc.
   echo '
         <div id="forumposts">
            <div class="cat_bar">
               <h3 class="catbg">

Despues agregamos lo siguiente :

Code: [Select]
<div class="addthis_button">
###AQUÍ PONER CODIGO QUE TE DIO ADDTHIS.COM###
</div>

Ahora donde Dice : ###AQUÍ PONER CODIGO QUE TE DIO ADDTHIS.COM###, colocamos el codigo que nos genero addThis.

nos quedaria algo asi :

Code: [Select]
<div class="addthis_button">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd1363a4862c348"></script>
<!-- AddThis Button END -->
</div>

ahora vamos a nuestro index.css y agregamos al final:

Code: [Select]
.addthis_button
{
   float: right;
   padding: 10px 10px 0 0;
}

Espero les guste este tip.

Gracias a LockerzMexico
Fuente : Skinmod
Trabajando duro o durando en el trabajo?
You do not have permission to give points
point 5 Points

Users who gave points in this topic » besr (5 Pts) 

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 236
Perfil: View Profile
Pais:
ar
Muy lindo tuto! Gracias por compartirlo

no avatar
Usuario: mike
Rango: Recién Llegado
Mensajes: 19
Points: 0
Perfil: View Profile
oe amiga el  dymplay de que tema el deafulto que porque el que uso no tien el display

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 236
Perfil: View Profile
Pais:
ar
Claro, cuando tenes que hacer una modificacion en un archivo que tu theme no lo tiene siempre debes buscar el del default.

no avatar
Usuario: mike
Rango: Recién Llegado
Mensajes: 19
Points: 0
Perfil: View Profile
eso grasias  no querai comenter un erro por eso ams vale prebenir que lamentar

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 236
Perfil: View Profile
Pais:
ar
Ni hablar, cuando tengas dudas primero pregunta aqui porque despues si rompes el foro es mas dificil ayudarte.
Saludos

Usuario: Gonza
Rango: Nuevo Usuario
Mensajes: 518
Points: 18
Mi web: www.dangergamers.com
Perfil: View Profile
+10 segui asi man

Usuario: Skoria
Rango: Excelente User
Mensajes: 101
Points: 99
Mi web: http://smart-planet.com.ar
Perfil: View Profile
Pais:
mx
no me salio XD

no avatar
Usuario: cristianEpc
Rango: Nuevo Usuario
Mensajes: 2
Points: 20
Mi web: http://mundonet.org
Perfil: View Profile
Pais:
ve
Gracias qedo perfecto

no avatar
Usuario: besr
Rango: Nuevo Usuario
Mensajes: 69
Points: 1
Mi web: http://hunterxhunterassociation.com/
Perfil: View Profile
Buen tip me funciona pero tengo un problema es muy lento o es que mi navegador no me da la suficiente velocidad por eso pregunto si es cosa mía o es así?

Claro lo probé como se debe pero quise probar poniendo lo en otro lugar también y el margen de erro es de un 50% este tutorial podría revolucionar los like my


Usuario: Cesar
Rango: Friend de SMFSimple
Mensajes: 1227
Points: 254
Mi web: http://www.genomapc.com
Perfil: View Profile
Pais:
ar
Re:[Tip] Como poner AddThis al lado del titulo de cada tema
Reply #10 July 05, 2012 - 03:40 15:40
si tienes algun problema con el tutorial por favor haz un nuevo tema en la seccion correspondiente pidiendo soporte. saludos

 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines