viernes, 19 de noviembre de 2010

Facebook como la caja para Blogger


Al igual que Facebook botón le permite ofrecer más opciones para compartir con sus lectores. Sus lectores pueden compartir sus mensajes en Facebook Al igual que con el botón. ¿Ha añadido el botón de igual y aún no recibe ninguna "Le gusta"? :. (Bueno, entonces vamos a presentar al igual que el botón de una forma mucho mejor y más elegante.

Aquí está una captura de pantalla del Facebook como la caja. ¿No es hermoso y más "agradable" que el valor por defecto igual que el botón?
image 

El Facebook gusta caja también incluye un enlace a su página de Facebook. Este FB como la caja se ha diseñado con estilo y codificados por Mia de Dezign Matterz. Gracias a su diseño y estilo de este impresionante como la caja. 
Cómo instalar el Facebook como la caja?
1. En primer lugar Rellene el siguiente (Código se actualizará con los detalles)Al igual que la anchura de la caja (Introduzca el ancho apropiado de la FB como la caja)Facebook Fan Page URL / Perfil
2. Ahora Ingresar a tu cuenta de Blogger y vaya a Diseño> Edición de HTML y marque la opción que dice "Expandir plantillas de artilugios"
3. Puedes buscar ]]></ b: skin> de tu plantilla y justo por encima de ese lugar el siguiente código (Usted puede usar Ctrl + F para encontrar el código).


 .fb_like_box {  
 margin-top:10px;  
 -moz-border-radius:10px 10px 10px 10px;  
 border-radius:10px;  
 background-color:#3B5999;  
 border:3px solid #2B2B2B;  
 margin-bottom:10px;  
 padding:10px 7px;  
 width:540px;  
 }  
 .fb_like_top {  
 overflow:visible;  
 padding:0;margin:0 0 5px;  
 width:349px;  
 height:24px;  
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjVLNGu3GgsaKbRHl-dudyEUCKpx7HojLB3P7ERkEVgQkiiY-L86FFLKcYm2l0ShXEzK7WUakBHRDi13etuoMnp62aZyQcxefbcG6jpNz5rlFpbbpymMr4X9D2Mqk0YfjX-CXm6dTL6k/") no-repeat scroll left top transparent;  
 }  
 .fb_like_button_holder {  
 -moz-border-radius:10px 10px 10px 10px;  
 border-radius:10px;  
 background:none repeat scroll 0 0 #FFFFFF;  
 padding:12px 12px 0 12px;  
 width:515px;  
 height:42px;  
 }  

4. Ahora Puedes buscar <data:post.body/> en la plantilla y justo por debajo que añadir el siguiente código. Ahora PUEDES Buscar <data:post.body/> en la Plantilla y Justo Por debajo Que Añadir El Siguiente Código.
 <b:if cond='data:blog.pageType == &quot;item&quot;'>  
 <div class='fb_like_box'>  
 <div class='fb_like_top'><a href='' target='_new' title='Become a fan' rel='nofollow'>Become a Fan</a></div>  
 <div class='fb_like_button_holder'>  
 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>  
 </div>  
 </div>  
 </b:if>  

5. Ahora Salvar su plantilla y podrás ver un Facebook como la caja en las páginas de su puesto.

0 comentarios:

Publicar un comentario