Cómo agregar redes sociales para Blogger
Cómo agregar redes sociales para Blogger
<div class='post-header-line-1'/>
En este tutorial, voy a mostrar cómo agregar un cuadro de acción útiles para tu blog de Blogger. Esta caja contiene cuota botón Tweet oficial con el botón contador, cuota oficial de Facebook con contador, oficial de Google plus botón con el botón contador, Stumbleupon oficial con contador, botón botón Imprimir Pinterest, Linkedin botón y Facebook como el botón. He configurar todo este botón para blogs de Blogger, así que usted puede agregar esta caja de cuota rápidamente a su blog.
Tutorial de actualización: 01/22/2013
Ahora sigue los pasos que se indican a continuación para agregar esta caja de participación para su blog.
1.Go con "Plantilla" -> "Edición de HTML" de tu blog.
2.Haga clic en " Expandir plantillas de artilugios "
3.Add este código justo encima head tag:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'es-ES'} </ script>
4.Ahora Desplácese hacia abajo hasta donde se ve a continuación el código:
Compartir 5.Copy Código caja a continuación y pegarlo justo debajo del código de seguridad.
NOTA: Si no puede encontrar class='post-header-line-1'/> <div en su plantilla, pega su "Caja de Acción" código justo antes de <data:post.body/> .
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> multisharebox {background: repetir ninguno desplazarse 0 0 # EFEFEF; float:. derecha; margen: 5px 0 3px 10px; padding: 0 5px 0; text-shadow: 1px 0 0 # FFF; ancho: 260px; frontera: 4px sólido d8dfea #} . multisharebox tabla {margin-bottom: 0 important}! multisharebox td {padding: 3px 4px. ! important} . fb-como-boxtop {background: repetir ninguno desplazarse 0 0 # EDEFF4; border: 1px solid # D8DFEA; color: # 000; float: right; font-size: 11px; margin: 0 0; padding: 5px 10px; text-align: left; ancho: 230px} fb-como-boxtop un color {: # 000; text-decoration:. none} fb-como-boxtop a: hover {color: # 000; text-decoration.: subrayar} . fb-like-box {background: repetir ninguno desplazarse 0 0 # EDEFF4; border: 1px solid # D8DFEA; color: # 000; float: right; font-size: 11px; altura: 60px; margen: 5px 0; overflow: hidden; padding: 10px 5px; text-align: left; ancho: 230px} </ style> <- Caja Compartir Perfect: Creado por www.bloggertipandtrick.net -> <div class='multisharebox'> < table> <tr> <td> <table> <tr> <td> <a class = 'twitter-share-botón' datos count = "vertical" data-lang = 'es' relacionadas con los datos ='' data- a través de expr ='': data-text = "data: post.title 'expr: data-url =" data: post.url' href = 'http://twitter.com/share' rel = 'nofollow' /> <b:if cond='data:post.isFirstPost'> Messenger src='http://platform.twitter.com/widgets.js' type='text/javascript'> </ script> </ b: if > </ td> <td> Messenger expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=5&r=" + data:post.url'/> </ td> <td> <g:plusone size="tall" expr:href="data:post.canonicalUrl"/> </ td> <td> <a expr: share_url = 'data: post.url' name = ' fb_share 'rel =' nofollow 'type =' box_count '/> Messenger src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </ td> </ tr> </ table> </ td> </ tr> <div <td> class='fb-like-boxtop'> <a class = 'pin-it-botón' count -layout = 'none' expr: href = '"http://pinterest.com/pin/create/button/?url =" + data: post.url'!> Pin It Now </ a> <a href = "javascript: void (run_pinmarklet ()) 'style =' height: 20px; display: inline-block;" /> <script src = 'tipo' http://assets.pinterest.com/js/pinit.js 'text / javascript' = /> Messenger type='text/javascript'> run_pinmarklet function () { var e = document.createElement ('script'); + Math.random () * 99999999); document.body.appendChild (e); } </ script> <script src = 'http://platform.linkedin.com/in.js' type = 'text / javascript' /> expr:data-url='data:post.url' data-counter='right' Messenger type='in/share'/> <a href='javascript:window.print();'> <img 'fb-like-box' class => ¿Te gusta este post? <allowtransparency iframe = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + datos: post.url + frameborder = '0 'scrolling = "no" style =' border: none; overflow: hidden; ancho: 230px; altura: 40px; "/> </ div> </ td> </ tr> </ table> </ div> <- Caja Compartir Perfect: Creado por www.bloggertipandtrick.net -> </ b: if>
Nota: Este cuadro de share estará agregar a sus páginas de entrada de Blogger sólo. Si desea que aparezca en todas las páginas, simplemente eliminar las líneas verdes del código.
6. Guarde su plantilla y ya está.
0 comments:
Post a Comment