autor
  • email
  • facebook
  • twitter
  • rss
notificaciones
cerrar

22 abril 2014

Mostrar total de seguidores (redes sociales)


contador de seguidores redes sociales

Hace unos años empezé mostrando una caja que mostraba el total de seguidores de las diferentes redes sociales, concretamente fué el 22 de Diciembre del 2011, con la entrada Gadget contador redes sociales y blogger

contador blogger

Más tarde, el 13 de Abril del 2013, de nuevo publiqué otra caja social  Widget contador de tus seguidores en las Redes Sociales

contadores sociales

Todos ellos eran manuales, hasta que a principios de año publiqué otro totalmente automático en un popup, pero la verdad es que no soy muy partidario de las ventanas emergentes y menos de los script innecesarios que aumentan considerablemente la carga del blog pero no dejo de comprender que hay usuarios a los cuales les gusta.
Este gadget fué publicado el 19 de Febrero del 2014  Mostrar total de seguidores con botones de seguir en un popup

contador-social-redes

Y de nuevo regreso con otro totalmente manual solo con CSS para evitar el peso innecesario de los script automáticos que solo hacen como dije anteriormente, aumentar la carga del blog. Su instalación es facilísima, solo copiaremos y pegaremos el código en un gadget/html y modificaremos solo los enlaces de las diferentes redes sociales.

De momento la DEMO la podéis observar en el principio de mi sidebar.

Código
<style>.caja-social{width:280px;overflow:hidden;background-color:#f2f2f2;text-align:center;margin:0;padding:10px 9px}
a.caja-p-social{display:block;color:#4b4b4b;float:left;width:64px;overflow:hidden;background-image:url(https://googledrive.com/host/0BwZ7Sm1QQc1lVXNaVjc0djByb2c/caja-social);background-repeat:no-repeat;margin:0;padding:4px 0}
.caja-interior-social{background:#f8f8f8;overflow:hidden;float:left;display:inline-block;margin:0 0 0 8px}
.caja-interior-social:hover{background:#fff;box-shadow:0 -2px 0 #ffffff inset}
.caja-interior-social:nth-child(1):hover{box-shadow:0 -2px 0 #0C00E6 inset}
.caja-interior-social:nth-child(2):hover{box-shadow:0 -2px 0 #00BCE6 inset}
.caja-interior-social:nth-child(3):hover{box-shadow:0 -2px 0 #C30909 inset}
.caja-interior-social:nth-child(4):hover{box-shadow:0 -2px 0 #FF9D2D inset}
.caja-interior-social:first-child{margin-left:0}
.facebook-box{background-position:7px 4px}
.rss-box{background-position:-73px 4px}
.twitter-box{background-position:-153px 4px}
.googleplus-box{background-position:-233px 4px}
.counter{font-family:Oswald, Calibri, Sans-Serif;line-height:1.2em;font-size:16px;font-weight:500;margin:60px 0 0}
.social-title{color:#888;font-size:11px}</style>
<div class='caja-social'><div class='caja-interior-social'><a class='caja-p-social facebook-box' href='https://www.facebook.com/NOMBRE-PAGINA-FACEBOOK' rel='nofollow' target='_blank'><div class='counter'> Nº SEGUIDORES-F</div><span class='social-title'>Fans</span></a></div><div class='caja-interior-social'><a class='caja-p-social twitter-box' href='https://www.twitter.com/NOMBRE-TWITTER' rel='nofollow' target='_blank'><div class='counter'> Nº SEGUIDORES-T</div><span class='social-title'>Seguidores</span></a></div><div class='caja-interior-social'><a class='caja-p-social googleplus-box' href='https://plus.google.com/ID-PERFÍL-PAGINA-GOOGLE' rel='nofollow' target='_blank'><div class='counter'> Nº SEGUIDORES-G</div><span class='social-title'>Seguidores</span></a></div><div class='caja-interior-social'><a class='caja-p-social rss-box' href='/feeds/posts/default'><div class='counter'> Nº SEGUIDORES-FEED </div><span class='social-title'>Subscribe</span></a></div></div>

Modificaciones:
Tan fácil como cambiar lo solicitado en el código.



20 abril 2014

Dosificando y a medio gas




Así es como hemos planteado el partido de esta noche en el Pizjuán, más pensando en Europa que en Liga, más con la mente en el Valencia que en el Granada y con la colaboración inestimable de nuestros vecinos a la hora de que los puntos se queden en Nervión.

Dos goles en sendos fallos de los nazaríes suponen que pronto, muy pronto podamos levantar el pie del acelerador y empecemos con las rotaciones de cara al partido intersemanal europeo y que nos puede colocar en otra final fuera de nuestro país.

Hemos sabido controlar los tiempos del partido. Hemos sabido jugarle en todo momento al Granada, aguantándole muy bien en defensa y llegando arriba con mucho peligro.
Cabe reseñar muy positivamente el resurgir poco a poco de Gameiro, cogiendo confianza el francés a base de titularidad, goles y empeño.
La defensa muy en la línea de lo que viene siendo habitual últimamente, seriedad y sobriedad desde los centrales hasta los laterales e incluso los mediocampistas sumándose a la defensa cuando hace falta.

Entre semana, partido importante, noche mágica otra vez. Tenemos que tratar de llevar a Valencia un resultado firme y preocupante para los ché.


13 abril 2014

Sevilla tiene un color especial....Rojiblanco




Por más que se empeñaran los lagartos en hacernos creer con su pegatina de fondo, que no un tifo, que Sevilla son ellos, no hay más realidad que todo lo contrario y clarito que se lo dejamos desde hace tiempo ya.
No hay color entre uno y otro equipo. Ni las ganas a empujones de los verdes en los inicios ni el hecho de jugar cargado de suplentes por cuestiones en las que ellos ni piensan y padecen han podido con la calidad diferente entre uno y otro equipo.
No nos ha hecho falta la manija de Rakitic desde inicio, al cual Emery le ha dado un más que merecido descanso, nos ha bastado con esperar nuestra contra, con esperar el detalle de lujo de Bacca y su hambre de gol, contra perfecta del colombiano que pide a gritos puesto en la selección de su país.
¿Penalty?..
No. Seamos sinceros, no lo fue.
¿Cuántas veces se ha dicho eso de ganar en el último minuto de penalty injusto?.
Pues ahí está. Duele igual que sea en el último minuto que en el minuto veinte de partido. El dolor infringido es igual a la alegría proporcionada.
De ahí en adelante y con los vecinos en inferioridad numérica, sólo cabía sacarlos de quicio para ir mermándole la moral poco a poco y que fueran acusando un cansancio que deberíamos haber acusado nosotros por esfuerzo intersemanal y que por el contrario nos ha puesto alas para seguir con nuestras aspiraciones....Champions League y por supuesto mandar al eterno inferior a donde debe estar, en Segunda División. Hace tiempo que mi "anti" está más marcado que nunca. Hace tiempo que nuestros vecinos, amigos, familiares y demás calaña verde se empeña en hacerme ahondar aun más mi antibeticismo. Ni siquiera me causan sentimiento de pena, no me molesta en absoluto su pena, su llorar por el desastre deportivo de su equipo. A ellos le duele más el bienestar rojiblanco que su pesar durante muchas temporadas.
Tienen lo que se merecen.
Están buscando un milagro. Un milagro que pasaba por ganar hoy y que ha sido hoy mismo donde ese milagro empieza a disiparse, hoy mismo....Domingo de Ramos. Inolvidable inicio de semana de PASIÓN.
Nosotros seguiremos a lo nuestro y ya no nos queda otra que, igualmente, seguir a lo que haga el eterno inferior que no será otra cosa que consumar un descenso en breve.

Enhorabuena a la Sevilla Rojiblanca.


10 abril 2014

Otra noche mágica y van....muchas


Fuímos, como el día del Betis, llenando la coctelera durante la semana de ilusión, ganas, coraje, huevos y todos los ingredientes necesarios para que se diera otra noche mágica en Nervión, otra noche como las vividas anteriormente cuando remontamos a Osasuna en UEFA, cuando remontamos a Panatinaikos, cuando ganamos al Schalke, cuando remontamos al Lille, cuando remontamos al Donest o cuando Suker nos puso en siguiente ronda con el golazo al Olimpiakos...todo sin olvidar la gran noche inolvidable en la que dejamos fuera de contienda a nuestro eterno inferior en el primer derby europeo.

Hoy ha salido todo de lujo.
Hoy el Sevilla ha sabido jugarle al Oporto, jugarle al marcador hasta el final y echarle los cojones necesarios para sacarlo adelante aun más cuando Coke nos deja en inferioridad numérica. No quisiera empañar esta alegría tratando de crucificar al madrileño, nuevamente, por una niñería sin sentido, con poca madurez.

Esta noche no hay nada que empañe lo vivido. Esta noche, de nuevo, mi Sevilla nos hincha la historia para dolor de otros muchos.
Esta noche, la afición vuelve a disfrutar de otra noche mágica por Nervión, de otro partidazo con el que engrandecernos un poco más.
Ahora toca pensar en el derby liguero y la posibilidad de dejar zozobrando a las creaturitas de La Palmera y si no es así, pues no pasa nada...como dijo aquel...nosotros a lo nuestro y los demás a mirar lo que hacemos.
Chapó.
Partidazo.
Noche Mágica.
Todos a una, desde Beto....porterazo...hasta Gameiro, pasando por nuestro maestro de orquesta, Rakitic y naciendo en una defensa como nunca, ordenadísima, magistrales Fazio, Pareja y Navarro.

Gracias Sevilla por dejarme dormir tranquilo una noche más...MÁGICA y van....muchas.


08 abril 2014

Cajas de Seguidores (Facebook,Google+ y Twitter) deslizables y multicolor en la sidebar


gadget seguidores sociales
De nuevo os traigo otro tutorial, esta vez se trata de un gadget para la sidebar donde podemos mostrar a nuestros seguidores de las distintas redes sociales con un efecto multicolor y deslizánte.

Son muchos los blog que tienen los 3 gadget de las redes uno bajo el otro ocupando bastante espacio de la sidebar, así que una buena forma de ahorrarnos ese espacio es contraer los gadgets para que se deslizen sólo cuando el lector quiera verlos.

Lleva incorporado los códigos de las distintas redes, solo falta modificarlos por los vuestros.


Su instalación es de lo más fácil posible, solo hay que copiar el código y pegarlo en un gadget HTML de vuestro blog.

<style>
#slide-vertical{text-align:left; width:98%;}
.slideHolder { width:100%; margin:0;padding:2px;font-family:georgia, serif; float:left;}
.slideOuter { width:100%; overflow:hidden; margin:0;}
.slideOuter .slide {padding:0; margin:0; list-style:none; width:100%; overflow:hidden;}
.slideOuter .slide li {display:block; float:left; height:78px;border-bottom:2px solid #fff; width:100%; overflow:hidden;transition: 0.75s;}
.slideOuter .slide.current li {height:38px;}
.slideOuter .slide li.p1{background:#3173d1;}
.slideOuter .slide li.p2{background:#C10808;}
.slideOuter .slide li.p3{background:#D7EAFB;}
.slideOuter .slide:hover li.p1,
.slideOuter .slide:hover li.p2,
.slideOuter .slide:hover li.p3
{height:38px;}
.slideOuter .slide:hover li.p1:hover {height:315px;}
.slideOuter .slide:hover li.p4:hover {height:330px;}
.slideOuter .slide:hover li.p2:hover {height:330px}
.slideOuter .slide:hover li.p3:hover {height:330px}
.slideOuter .slide li span {padding:0 15px; margin:0; font-size:18px;font-weight:700;line-height:48px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);cursor:pointer}
.slideOuter .slide li {color:#fff;}
.slideOuter .slide li.p2 span,
.slideOuter .slide li.p3 span {color:#fff;}
.slideOuter .slide li.p2 .content {padding:0 15px;margin:0;width:100%;}
</style>
<div id="slide-vertical">
<div class="slideHolder">
<div class="slideOuter">
<ul class="slide current">
<li class="p1">
<div>
<span> Seguidores Facebook</span>
<div class="content">
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOMBRE-PAGINA-FACEBOOK&width=240&colorscheme=dark&connections=15&stream=false&header=false&height=260' style='border:none; overflow:hidden; width:240px; height:260px;'/></iframe> </div>
</div></li>
<li class="p2 current">
<div>
<span>Seguidores Google+ </span>
<div class="content">
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/ID-PERFIL-GOOGLE" data-source="blogger:blog:followers" data-width="250"> </div> <script type="text/javascript"> (function() { window.___gcfg = {'lang': 'es'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div>
</div>
</li>
<li class="p3">
<div>
<span>Seguidores Twitter</span>
<div class="content">
<div id="twitter-box"></div>
<script>
var tw_user = 'NOMBRE-TWITTER';
var tw_width = 240;
var tw_height = 280;
var no_face = 10;
var tw_color='light';
(function() {
var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;
tw_box.src = 'http://areaticnet.260mb.net/scripts/twitter.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
})();
</script>
</div>
</div></li>
</ul>
</div>
</div>
</div>

MODIFICACIONES:

NOMBRE-PAGINA-FACEBOOK por la vuestra.
ID-PERFIL-GOOGLE por el vuestro.
NOMBRE-TWITTER por el vuestro.

Si accedes al Fan Box de Twitter y te muestra la siguiente imagen, clikea en generate para autorizar a la aplicación. Una vez autorizada, actualiza tu navegador y serán visibles tus seguidores.

Espero que lo disfrutéis y si tenéis algún problema con la instalación, comentad y seréis atendidos lo más rápido que me sea posible.