martes, 8 de noviembre de 2011

cambiar el color de la letra de los comentarios de facebook incrustado en mi blog o web

cambiar el color de la letra de la caja de comentarios de facebook incrustado en mi blog o web

cambiar el color de la letra de la caja de comentarios de facebook en mi blog de color negro

no cambia el color de la letra solo le pone un fondo claro a la caja de comentarios
para que se vea la letra

A.bueno esto es para los usuarios que tienen un blog de color negro y hallan añadido la caja de comentarios de facebook en su blog y los comentarios casi no se ven por el color negro del blog como la siguiente imagen



al modificarlo que dara como la siguiente siguiente imagen






1. bueno lo primero que tienes que hacer es ir a Diseño edicion html y buscas con control +f la siguiente etiqueta: ]]></b:skin>

justo antes de esa etiqueta pones el siguiente codigo:

<link href='http://ensayandopopup.webcindario.com/css/1.css' rel='stylesheet' type='text/css'/>


le dan guardar.

2. ahora digamos que ustedes tienen el codigo que les dio facebook o los desarrolladores de facebook para incrustalo en tu blog como por ejemplo este:


<div id="fb-root"></div>
<script src="http://connect.facebook.net/es_LA/all.js#appId=APP_ID&amp;xfbml=1"></script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><br/><fb:comments expr:href='data:post.url'/></div></b:if>


lo que tienen que hacer es agregar las etiquetas pre y code antes y despues tomando un ejemplo del codigo anterior entonces que daria asi:


<pre><code>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/es_LA/all.js#appId=APP_ID&amp;xfbml=1"></script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><br/><fb:comments expr:href='data:post.url'/></div></b:if>
</code></pre>



es facil solo agregan esas dos etiquetas , entonces si tienen el codigo que les da facebook agregan antes estas 2 <pre><code>

y despues del codigo que les da facebook agregan estas 2 </code></pre>


y finalmente podra verse la letra de los comentarios asi:





y listo eso es todo




ay otra forma de cambiarle el color ustedes eligiran cual de las 2 quieren la 2da opcion es la siguiente:

B.digamos que ustedes tienen el codigo que les genero facebook de comentarios por ejemplo:


<div id="fb-root"></div>
<script src="http://connect.facebook.net/es_LA/all.js#appId=APP_ID&amp;xfbml=1"></script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><br/><fb:comments expr:href='data:post.url'/></div></b:if>



bueno justo antes de este codigo agregan el siguiente codigo :

<div class='likeboxwrap'>


y despues de ese codigo agregan esta etiqueta



</div>



osea que el codigo quedaria asi


<div class='likeboxwrap'>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/es_LA/all.js#appId=APP_ID&amp;xfbml=1"></script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><br/><fb:comments expr:href='data:post.url'/></div></b:if>

</div>



y despues de este codigo agregamos el estilo o color con este codigo este codigo lo colocan despues del anterior


<style type='text/css'>
div.likeboxwrap {
width:500px; /* Quitar 2px al ancho del gadget */
height:auto; /* Quitar 25px al alto del gadget */
background-color:#8A084B; /* Color de fondo del gadget */
overflow:hidden;
}
div.likeboxwrap iframe {margin:-1px}
</style>



le dan guardar y listo

si ven el numero 500 es el ancho lo pueden ajustar a su manera si el codigo de facebook dice width ustedes miran el tamaño y lo ponen en el estilo de arriba que queden iguales si no no y donde dice background-color:#8A084B ponen el color hexadecimal que quieran

los colores hexadecimales los puden conseguir en esta pagina

http://html-color-codes.info/codigos-de-colores-hexadecimales

para ver una imagen de como queda miren la siguiente imagen





0 comentarios:

Publicar un comentario