12 febrero 2012

Botones sociales con AddThis


Addthis te permite poner sus botones sociales dentro del blog de manera sencilla y rápida. Solo tienes que ir a la página principal de ellos, elegir los botones que más te gusten (allí te muestran las opciones), y pulsar el botón de conseguir código para que se muestre el que seleccionaste para tu blog. Estos son los botones que puedes elegir:
 
Aunque disponen de muchos botones más, y con la opción de poderlos personalizar, yo he elegido el código de la tercera fila porque me parecen más armónicos, pero eso ya dependerá de tus gustos.

Una vez que hayas elegido el de tu preferencia debes marcar la plataforma a la que quieres agregar los botones.
 
Luego das en Instalar Widget (Gadget) en Blogger
 
Te pedirá que ingreses a tu cuenta de blogger para ellos poder tener acceso e instalarlo en tu blog. La instalación ellos la hacen automáticamente.

Una vez que hayas agregado los botones, das en vista previa y, si todo está bien, pones guardar y listo. Los botones se muestran por defecto al pie de las entradas.

Pero si quieres que los botones te queden encima de las entradas, entonces lo que tienes que hacer es: 
Entra a Diseño, edición Html, y con los artilugios expandidos, busca:

<div class='post-header-line-1'/>

 Justo debajo pega el código de los botones que hayas elegido. En mi caso el código que yo elegí es el siguiente:
 
 <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f2e27f16f5ee434"></script>
<!-- AddThis Button END -->

Y listo, esta es una buena opción de poder compartir tus entradas y así quién sabe conseguir un poco más de visitas para tu blog.

03 febrero 2012

Poner estadísticas de entradas y comentarios en el blog


Este gadget nos permite ver el número de entradas que tenemos en el blog, así como también los comentarios que han realizado. Para agregarlo en tu blog solo debes ir a Diseño, Añadir Gadget, Html Javascript, y pegar el siguiente código:

<center><div style="float: left;"><img style="width: 94px; height:94px;" src="http://lh5.googleusercontent.com/-O1LW4c9qTUs/TyzDhb6383I/AAAAAAAAAJQ/1Of0u0DhA0U/s94/bloger%20y%20bloger%206.jpg"/></div> 
<div style=" float: left; text-align: left; font-size:12px;"> 
<script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(01, 01, 2012, "" );</script> días en linea<br/>
 <script style="text/javascript"> 
function showpostcount(json) { 
document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); 
}</script> 
<script src="http://blogerybloger.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> posts
<br/> 
<script src="http://blogerybloger.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> comentarios</div><div style="clear: both;"></div></center>
 
Una vez hecho esto, cambias la fecha que está en azul por la fecha en que abriste tu blog (ten en cuenta que primero va el día, luego el mes y finalmente el año) Sustituyes blogerybloger.blogspot.com por la dirección del tuyo, y listo. Si quieres poner una imagen tuya solo debes cambiar la url de la imagen del código (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2hXvRo528I9csmDa120P-Qj6D3s3y1cYSdq82lDDJZbhCMWE8uHQ-LuIgH0iG9-FqLy-aL5u4UygTcHydPKQHT45DKkMAXRHqDmw8B80Hqa72zBPQCkCww2Bov6FUM0rrI09xxAKVkFE/s94/bloger%20y%20bloger%206.jpg) por la url de tu imagen.

Así te quedará con la imagen:

días en linea
posts
comentarios

Y así sin imagen:

días en linea
posts
comentarios

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger