domingo, 8 de enero de 2012

Botones Flotantes para compartir entradas en blogger (Facebook,twitter,google+,bitacoras)

Todos saben lo importante que es compartir nuestras entradas para poder obtener mas trafico en nuetro blog, una de ellas es colocando botones para que nuestros lectores las comparatan en las redes sociales mas importantes de habla hispana, como lo son Facebook, twitter, google+ ,bitacoras,  este codigo lo encontre en cuidad blogger espero les sirva de mucho

imagen de los botones



paso 1:

Entrar en Diseño | Edición de HTML, marcar la casilla Expandir plantillas de artilugios, y pegar antes de ]]></b:skin> lo siguiente:


table#RedesSociales{
position:fixed;
top:150px;
left:7px;
z-index:200;
}



paso 2:

busca esta línea:
<!-- clear for photos floats -->
Debajo de ella agrega este código:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
< table border='0' cellpadding='5' id='RedesSociales'><tbody>
< tr><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=73&amp;height=63&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px'/></td></tr>
< tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td></tr>
< tr><td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></td></tr>
< /tbody></table>
< /b:if>


Descripcion en imagenes con efecto deslizante usando css

Una forma de agregarle mas estilo a nuestras imágenes y hacer que nuestro blogs sea mas profesional, es poniendo una pequeña descripc...