Reemplazos Relevantes con vBSEO

En referencia a este tema de Joe Ward:
vBulletin SEO Forums

Reemplazos Relevantes de vBSEO (RRs) añaden texto altamente relevante en la parte superior de tu documento.
Esto se hace para ayudar a mejorar el ranking de motores de búsqueda de los términos que son incluidos.

Los reemplazos relevantes, o RRs, es una característica de vBSEO. Pueden encotrar las opciones yendo al panel de administración y luego bajo la categoría de vBSEO ir a Panel de Control.

1. Estando en el panel de control de vBSEO, hacer clic en Relevant Replacements.
2. De las siguientes opciones, las que nos interesan son las dos primeras.
   captura-0001.png
3. En VB_SEO_RR_1 ingresa el siguiente código en el primer campo:
   
   <h2>[forum_title]</h2><p id="relevant_replacement">Lista de discusiones en el foro <b>[forum_title]</b> en [bb_title]. [forum_description]</p><br />
4. En VB_SEO_RR_1 ingresea el siguiente código en el segundo campo:
   
   <h2>[thread_title]</h2><p id="relevant_replacement">Esta es una discusión para el tema <em>[thread_title]</em> en el foro <b>[forum_title]</b>, bajo la categoría [parent_forum_title]; [first_post_20_words]...</p><br />

Después de haber hecho los pasos anteriores, es necesario editar la plantilla SHOWTHREAD.

1. Ve al administrador de Estilos y Plantillas, y del menú desplegable del estilo donde quieres que aparesca el RR, dale a editar plantillas o puedes hacer clic en el botón <<>> para expandir las plantillas.
2. Editar la plantilla FORUMDISPLAY y poner <!--VBSEO_RR_1--> después de la variable $navbar:
   captura-0003.png
3. Ahora editar SHOWTHREAD y hacer lo mismo que en forum display:
   captura-0004.png

Una vez tienen sú RR en Forumdisplay y Showthread del estilo que están usando, van a poder visualizar lo mismo que aquí en vBHispano arriba de cada tema.
captura-0005.png

Pero para que se vea exactamente como se ve aquí en vBHispano, agreguen el siguiente CSS en el CSS de sus estilos:

Código:

#relevant_replacement {
 font-size: 11px;
 width: 70%;
 border-top: #CCCCCC 1px solid;
 margin: 0px 0px 10px 0px;
 padding: 4px;
}

Este sería el resultado final:
captura-0005.png

Y eso es todo, pueden editar el css a su antojo

muchas gracias por este gran tuto, necesito saber como cambiar los colores de mi CSS

PERO NECESITO HACERLO CON EL MISMO COLOR QUE MI FORO.

Cambia el color por el que tu utilizas. Agrega ese código abajo del que ya agregaste.

Código:

#relevant_replacement b {
color: #000099;
}

he puesto esto y ahora se ve negro

Código HTML:

#relevant_replacement {
 font-size: 11px;
 width: 70%;
 border-top: #000099 1px solid;
 margin: 0px 0px 10px 0px;
 padding: 4px;
}


#relevant_replacement b {
color: #000099;
}

Si lo que quieres es color a todo ese texto, no agregues lo que puse arriba solo añade a tu primer csscolor: #000099;

Código:

#relevant_replacement {
color: #000099;
 font-size: 11px;
 width: 70%;
 border-top: #000099 1px solid;
 margin: 0px 0px 10px 0px;
 padding: 4px;
}

gracias ELmer por tu gran ayuda.

un saludo

Muy bueno todo esto, gracias Elmer

no me funciona me sale esto en el foro <--VBSEO_RR_1-->

Hola maik318x,

es <!--VBSEO_RR_1-->

Saludos

Iniciado por jjuuaannk

Hola maik318x,

es <!--VBSEO_RR_1-->

Saludos

Gracias, jeje, hay que decirle a elmer que edite el post ya que el lo puso sin el !

jaja pensé que eras tu el que lo avía puesto así.. ya se lo edito gracias

lo hice pero sale un vacio entre el navbar y el post si asi lo puedo decir, para que me entiendan mejor ahi dejo una imagen
9fw5z4.jpg

cabe resaltar que este problema solo surge en la plantilla showthreat que es la que muestra los mensajes y/o post eh intentado quitando codigos y eh podido borrar ese "vacio" pero logre tambien descuadrar el foro xD.

espero puedan hecharme una manito y gracias.

eh cambiado de skin y de igual manera me sale un vacio porque se origina este ??