Iconos de Redes Sociales con efecto zoom para blogger

February 13, 2013, 11:24 am

Anteriormente vimos como colocar unos Iconos de Redes Sociales en blanco y negro y ahora os muestro otros con efecto zoom.
Al igual que el anterior este gadget muestra una lista de íconos sociales que enlazan hacia cada uno de vuestros perfiles, pero a su vez estosíconos, ya colocados en el gadget, cambian cuando alguien pasa el cursor sobre ellos creando un efecto zoom, siendo muy atractivos para curiosos que no están acostumbrados a este tipo de diseños.

Para instalar estos íconos tendrás que seguir los siguientes pasos:
.- Entra al panel de control de tu blog, y luego a Diseño-añadir un gadget-HTML/Javascript, copia y pega el código de abajo.

Configuración:
EMAIL: cambiar donde pone "tuemail"
GOOGLE+: cambiar donde pone "dirección perfil google"
FACEBOOK: cambiar donde pone "dirección perfil facebook"
TWITTER: cambiar donde pone "dirección perfil twitter"
RSS: cambiar donde pone "dirección del feed"

↧

Olvidándonos de la caridad

February 15, 2013, 7:13 pm

≫ Next: Horarios jornada 27 Liga BBVA (2012/13)

≪ Previous: Iconos de Redes Sociales con efecto zoom para blogger

Como debe ser. Sin ayudar al necesitado aunque se trate de nuestros hermanos deportivistas. Ya estamos hartos de ver como equipos inmensamente inferiores a nosotros se llevan los puntos de Nervión en un alarde de compañerismo por parte de nosotros.
No ha sido esta la ocasión y aunque cierto es que en el último tramo del partido hemos pasado más apuros de los previstos aun y cuando también mostrábamos peligro en las llegadas ante Aranzubía pero no terminábamos de rematar el partido.

En líneas generales, en lo colectivo, hemos jugado un partido completísimo tanto en defensa como en ataque, en la presión, en el toque, en el desmarque, las ayudas, etc... con un Gary Medel inconmensurable y sin tope. Todo el partido ayudando a sus compañeros tanto arriba como abajo. Haciendo gol. Llegando al área rival con una claridad pasmosa.

Beto. ¿Qué me decís del portugués?. Impresionante. Todo reflejos. Recordándonos al mejor Palop.
Incansable Navas. El de Los Palacios se jubilará corriendo sin parar.
Spahic cumplidor tanto en el eje de la defensa como en el carril diestro.
Sin complicaciones en su carril Alberto. El chaval se mostró profesional desde el minuto uno.

En resumidas cuentas. Partido importante después de perder en Chamartín y esperar la visita al Camp Nou. Una inyección de moral para nosotros en un momento importante en el que todos, el que más y el que menos ya tiene la mirada puesta en la eliminatoria de Copa frente a los colchoneros.

↧

Horarios jornada 27 Liga BBVA (2012/13)

February 18, 2013, 11:51 am

≫ Next: La España más profunda.....

≪ Previous: Olvidándonos de la caridad

Ya se conocen los horarios de la 27ª jornada en la Liga BBVA .

En la mejor liga del mundo, el Sevilla fc se enfrentará al Mallorca en el Iberostar Estadi, el Sábado 9 de Marzo a las 22,00 horas.

Estos son los diferentes horarios


R.C.D. Mallorca	09/03/2013 22:00	Sevilla F.C.
Real Betis	08/03/2013 21:30	At. Osasuna

Rayo Vallecano	09/03/2013 16:00	R.C.D. Espanyol

R. Valladolid C.F.	09/03/2013 18:00	Málaga C.F.

F.C. Barcelona	09/03/2013 20:00	R.C. Deportivo

Athletic Club	10/03/2013 12:00	Valencia C.F.

Levante U.D.	10/03/2013 17:00	Getafe C.F.

R.C. Celta	10/03/2013 19:00	Real Madrid

Atlético Madrid	10/03/2013 21:00	Real Sociedad

R. Zaragoza	11/03/2013 20:30	Granada C.F

↧

La España más profunda.....

February 22, 2013, 3:55 am

≫ Next: Redes Sociales con efecto color para Blogger

≪ Previous: Horarios jornada 27 Liga BBVA (2012/13)

"Sí aún existe"

En esta época moderna, la "España más profunda" existe y es un término muy socorrido, casi todos sabemos lo que es.... pero si buscamos una definición tendríamos que apuntar aquello de "Los Pueblos Rurales.." Sí, en pequeños pueblos muy rurales o incluso casi deshabitados que todavía mantienen bastante intactas las añejas costumbres de una forma de vida rústica, casi primaria y tosca.

Lo más curioso es que cuando más destaca y florece la España moderna, la España profunda se esfuerza en persistir y dar señales de vida...Allí donde los pastores todavía sacan a comer a las cabras al monte y el lenguaje se acurruca entre los chaparros y las encinas.

Los del Sur tenemos nuestra forma de hablar por que forma parte de nuestra herencia cultural, fruto de las transformaciones habidas en nuestra tierra con el paso de los años y de las diversas culturas fusionadas, pero a nadie ha de surgirle la más mínima duda, hablamos ESPAÑOL.

He aquí una pequeña muestra de la "España más profunda"

↧

Redes Sociales con efecto color para Blogger

February 23, 2013, 4:33 am

≫ Next: Heroíco Plan B

≪ Previous: La España más profunda.....

Hoy en día la mayoría de Blogger tratan de aumentar el tráfico de sus blog basándose en las Redes Sociales, por ello recientemente mostré dos entradas Iconos de Redes Sociales en blanco y negro e Iconos de Redes Sociales con efecto zoom.

Ahora os muestro otro gadget de Redes para añadirlo a vuestra sidebar con un efecto hover con los colores característicos de cada una de ellas. Cuenta con cinco botones sociales que incluye Twitter, Facebook, Google Plus,Pinterest y RSS.

Para instalarlo en vuestros blogs tan solo se nesecitaréis 5 minutos siguiendo estos pasos:
1.- Ir a Blogger >> Diseño >> Añadir un gadget.
2.- Seleccione HTML/JavaScript.
3.- Ahora en el cuadro de texto introduzca el siguiente código.

<div id="amor-social-hover">
<div id="links"><a href="http://twitter.com/usuario de twitter" class="twitter" title="Twitter" target="_blank"><div class="tota"><img src="http://1.bp.blogspot.com/-GVPx4HMrNDY/UK9uv3rA0iI/AAAAAAAAIO4/yfuiRGXLeVU/s1600/twitter.png" /></div></a>
<a href="http://www.facebook.com/usuario de facebook" class="facebook" title="Facebook" target="_blank"><div class="tota"><img src="http://1.bp.blogspot.com/-DX-Bx5WR6zE/UK9whE-OCzI/AAAAAAAAIPg/9k_zjlDPF8s/s1600/FB.png" /></div></a>
<a href="https://plus.google.com/u/0/números del perfil de google+" class="google" title="Google Plus" target="_blank"><div class="tota"><img src="http://4.bp.blogspot.com/-eP0U9g8fm0Q/UK9wYNQ4CmI/AAAAAAAAIPY/UWYbc7e9-go/s1600/google.png" /></div></a>
<a href="http://pinterest.com/nombre usuario de pinterest/" class="pinterest" title="Pinterest" target="_blank"><div class="tota"><img src="http://1.bp.blogspot.com/-nEZw_TpzSoU/UK-TOH8OEEI/AAAAAAAAISg/bDcBgt2yEe4/s1600/pin.png" /></div></a>
<a href="http://feeds.feedburner.com/nombre usuario feedburner" class="rss" title="Feedburner" target="_blank"><div class="tota"><img src="http://4.bp.blogspot.com/-yOEZQT7it74/UK9wClCPwpI/AAAAAAAAIPQ/EK4CB92xQ98/s1600/rss.png" /></div></a>
</div></div>
<style>.tota { margin-top:7px; }#amor-social-hover{position:relative;width:200px;height:210px;background:#554e4c url("http://4.bp.blogspot.com/-CNgQWNU8Sg4/UK91PeHlvjI/AAAAAAAAIRM/56SruW6DBQ0/s1600/vintage.png");}#amor-social-hover #title{font-family:'Open sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px 0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}#amor-social-hover #title span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}#amor-social-hover #links{position:absolute;bottom:0;width:100%;}#amor-social-hover a{display:block;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);border-top:1px solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}#amor-social-hover a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}#amor-social-hover a.twitter:hover{background:#79dbff;}#amor-social-hover a.facebook:hover{background:#6e9bee;}#amor-social-hover a.google:hover{background:#00be00;}#amor-social-hover a.pinterest:hover{background:#cb2027;}#amor-social-hover a.rss:hover{background:#ffae42;}#amor-social-hover a span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:13px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}</style>

Personalización:
1.- Reemplace http://twitter.com/usuario de twitter -con tu nombre de usuario.
2.- Reemplace http://www.facebook.com/usuario de facebook -con tu nombre de usuario.
3.- Reemplace https://plus.google.com/u/0/números del perfil de google+ -con los números de tu perfil.
4.- Reemplace http://pinterest.com/nombre usuario de pinterest -con tu nombre de usuario.
5.- Reemplace http://feeds.feedburner.com/nombre usuario feedburner -con tu nombre de usuario

Todo Listo: Después de la personalización, guarde la plantilla.

↧

Heroíco Plan B

February 24, 2013, 3:12 am

≫ Next: El Sevilla F.C. sucumbe ante el lider

≪ Previous: Redes Sociales con efecto color para Blogger

Era complicado, tanto con el pla B como con el A, que el Sevilla diera el asalto en el Camp Nou.
Se contaban por perdidos estos tres puntos desde el mismo momento en el que nos planteamos llegar a Europa por la vía más "sencilla" de las que disponemos. Eliminar al Atco. de Copa y plantarnos en la final, algo que de sencillo tiene poco o tanto como lo de anoche en Camp Barsa.

Cumplió el equipo, al menos en la primera mitad, si bien el gol de Botía no hacía presagiar que nos lleváramos los puntos en juego pero sí que acariciáramos alguno con la punta de los dedos.
Está claro que este Barcelona no se relaja en ningún momento ni aunque su colchón de puntos se lo pudiera permitir, que de hecho se lo permite con creces.
Quizás los más optimistas se esperaban a unos culés tocados después de su fracaso a medias en Champions. A unos blaugranas con el pensamiento más puesto en el derby próximo que en vapulear al Sevilla. A un Barcelona que nos pusiera la miel en los labios para no saber como quitárnosla, pero no, los azulgranas ayer volvieron a demostrar que son los amos de este campeonato, que no tienen rival por mucho plan que se les haga.

Ahora afrontamos nuestra particular final. En la que lo debemos dar todo. Pasar, sí o sí, por lo civil o por lo criminal como diría aquel. Nos jugamos una temporada entera a un solo partido, con nuestro público en las gradas, Nervión a reventar como en las grandes noches futboleras que se han visto en esta ciudad y a este lado de ella.

Debemos darlo todo o morir en el intento.

↧

El Sevilla F.C. sucumbe ante el lider

February 25, 2013, 9:37 am

≫ Next: Ahora que la defensa funcionaba.....

≪ Previous: Heroíco Plan B

2-1

Al igual que el Real Madrid, el Barça tuvo que remontar.
Pero el triunfo, ante el Sevilla, fue muy trabajado y el sufrimiento del conjunto local fue mucho mayor que en otros encuentros ligueros. Por momentos, sobre todo en la primera mitad, el equipo mostró los mismos errores que les llevó a la derrota en San Siro.
Roura hizo rotaciones y puso un ataque inédito, con Messi, Alexis y Villa.

Con este ataque, el Barça salió decidido a orientar pronto el partido a su favor y no tardó mucho tiempo en acercarse a la portería sevillista. Pero el Sevilla planteó el choque con las mismas armas que el Milan el pasado miércoles en Champions y los blaugrana se estrellaron una y otra vez con la defensa. Hubo alguna ocasión que desconcertó al guardameta visitante, pero las aproximaciones fueron escasas, como en San Siro. Messi tuvo tres faltas al borde del área, pero no pudo aprovechar ninguna de sus ocasiones.

Ambos equipos la tuvieron, y se veía que el primer tiempo finalizaría con el empate, pero el defensa hispalense no dudó en cambiar el marcador. A falta de tres minutos para el final de la primera mitad, en una jugada aislada, Botía remató con la cabeza al fondo de la red local. Finalizaba así la primera parte, con el marcador a favor de los de Emery.

Roura maquilló su escenario e indicó a sus chicos, al igual que Emery. Ambos conjuntos volvieron al campo, por un lado uno con mas seguridad pero estando alerta ante el líder y por el otro, un conjunto local dispuesto a la remontada.

Con un Sevilla mas cerrado, comenzaron los siguientes 45 minutos.

En menos de un cuarto de hora los de Emery no pudieron hacer mucho, Villa empataba el encuentro en el minuto 52 con un cabezazo, similar a la jugada del primer tanto, botado por Alexis. Y luego llegó Leo, el argentino no quiso faltar a su cita con el gol y remontaba el partido. Tras una asistencia de Tello ponía el 2-1 en el marcador.

El encuentro finalizó con este resultado a pesar de que el Sevilla luchó hasta el último minuto para rescatar un punto, por otro lado los locales también tuvieron ocasiones para poner tierra de por medio y sentenciar el duelo pero no se vio ningún gol más.

El Sevilla demostró con creces que es capaz de mucho, con coordinación y solvencia encarrilaron el encuentro a su favor en la primera mitad. Sin duda, Beto hizo una gran actuación el sábado y demostró de que pasta está hecho, sin embargo no pudo ser y los de Emery volvieron a Nervión con una derrota.

El miércoles se jugarán el pase a la final de la Copa de S. M. el Rey ante los de Simeone.

↧

Ahora que la defensa funcionaba.....

February 26, 2013, 11:14 am

≫ Next: Corazón contra Lógica

≪ Previous: El Sevilla F.C. sucumbe ante el lider

La cesión de Spahic al Anzhi ruso no la entiendo por más que me quieran convencer de lo mal que están las cosas en nuestro Club.
Ahora que empezábamos a funcionar en defensa como un equipo de verdad, van y nos quitan a uno de los baluartes más efectivos.
Spahic se estaba haciendo el dueño de la defensa junto con Fazio y estaba cuajando buenos encuentros desde que llegó Emery. Con Michel no tanto, debido a sus diferencias.
Ya sabemos, es archiconocido que no andamos bien económicamente y que nos urge vender para sanear, pero vender bien y no creo que soltar a Spahic por algo más de tres millones y medio de euros, lo sea, aun más cuando estamos jugándonos el ser o no ser en la Liga, independientemente a lo que hagamos en Copa mañana por la noche.

No sé como funcionará la pareja Botía-Fazio, Fazio-Botía. Sea como sea, la prefiero a que sea Cala uno de los que compartan el eje. El canterano no cuenta con mi aprobación, por algo salió en su día del Club y el único que confiaba en él y lo sigue haciendo es Manolo Jiménez, que tiene un feeling especial con los canteranos.
Bueno, pues se nos va el que creíamos sería el que nos hiciera olvidar a Escudé. Esperemos que los que se queden nos hagan olvidar al bosnio cuanto antes.

↧

Corazón contra Lógica

February 28, 2013, 1:46 am

≫ Next: Botón animado para compartir en 6 redes

≪ Previous: Ahora que la defensa funcionaba.....

Se presentaba otra noche mágica en Nervión. Otra noche como aquella de Feria, aquel jueves mágico de Feria en el que Puerta nos puso los dos pies en lo más grande que jamas nos haya ocurrido. Tenía la noche todos los alicientes propios para que se diera, la afición volcadísima con los suyos, llevándolos en volandas, insuflándoles aliento hasta el último minuto de partido y desde mucho antes que este comenzara. Calentamiento propio en las postrimerías con decalaraciones de unos y otros, actos previstos para el comienzo que después se torcieron por culpa de la granizada caida ayer en Sevilla. Corazón. Mucho corazón.
Se ponían en liza todos los alicientes pero no contábamos con uno importante....
La lógica.
Y la lógica decía que plantarse en una semifinal ante un Atco. Madrid, con la eliminatoria a remontar, con la necesidad de marcar "por huevos" y que no te marcaran y sobre todo teniendo en frente a un rival que se puede definir de forma muy sencilla y rápida...disciplina, calidad, trabajado y muy trabajador....este es el Atco. Madrid que se dejó caer ayer por Nervión y el que venimos viendo toda la temporada en Liga y Copas, con piezas fundamentales para su estilo de juego como Arda, Gabi, Falcao o el propio Costa que solito se bastó en ciento ochenta minutos para apearnos de otra noche mágica. Supo el brasileño manejar la eliminatoria a su antojo. Hizo los goles en Madrid, hizo otro aquí, dio el segundo y se sacó dos rojas para rematar un partido completísimo del polémico futbolista...Ya lo dijo Pepe Mel...a todos nos gustaría tener un jugador como este en nuestro equipo, pero a nadie le gusta tenerlo en frente y sino que se lo pregunten a Medel, a Kondogbia o Alberto, que lo tuvieron que sufrir de lo lindo durante todo el partido.

No lo hizo mal el Sevilla, si bien le faltó seguridad defensiva al comienzo del partido, nos llegó el primero muy pronto y eso nos desquició bastante. Ya con el segundo en el marcador la cosa era surrealista. Dejar pasar los minutos con la mente puesta en dos goles rápidos que nos metieran de nuevo en el partido y nos pusieran con posibilidades de final. Oportunidades tuvimos. Oportunidades fallamos. Otra diferencia clara entre uno y otro equipo. A los colchoneros les bastaron dos llegadas para sentenciar y nosotros por más que llegábamos no éramos capaces de hacer gol.
Tuvo que ser Navas el que abriera el marcador de nuestro lado con un golazo totalmente merecido al mejor jugador del partido, lástima que no sirviera de nada. Seguían entre tanto fallando ocasiones claras...Rakitic, Negredo, Manu, incluso Coke se quiso apuntar a la fiesta de quien fallaba más.
Muy desacertado Reyes el tiempo que estuvo. Jugador del que siempre se espera más y sobre todo en citas como estas.

Pues se acabó el sueño de entrar en Europa por la vía rápida y de paso "salvar" la temporada.
Ahora nos toca salvarla de la misma manera que intentamos ayer convertir la noche en mágica, a base de "cojones", a no perder más puntos de los obligados e intentar al menos llegar a final de temporada con atisbos de cambio y mejoría.

↧

Botón animado para compartir en 6 redes

February 28, 2013, 10:16 am

≫ Next: Desatascador Medel

≪ Previous: Corazón contra Lógica

+Oloblogger nos mostró en el día de ayer un simpático botón animado para compartir en 4 redes el cual trata de un gran botón rectangular con una frase invitando a compartir, que al pasar el puntero sobre él nos muestra tras un efecto, cuatro iniciales que son realmente enlaces para poder compartir la página que se está viendo en Facebook, Twitter, Google+ y Pinterest.

Aunque el mismo lo comenta:

Me ha gustado por su sencillez y sus posibilidades, pues desde el CSS podemos cambiar lo que queramos de su aspecto.

Me he tomado el placer de modificarlo un poco para aquellos que dicen "una imagen vale más que mil palabras" y le he introducido imágenes y un par de redes más (Bitácoras y Linkedín).

Antes de mostraros el código podéis ver como queda Ver Demo

Para instalarlo en vuestras plantillas deberéis seguir los siguientes pasos:
1.- Antes de ]]></b:skin> colocamos el siguiente CSS

/* Botón único para compartir */
.share_button { width: 450px;height: 60px; margin: 10px auto; }
.share_button ul { width: 50%; height: inherit; float: left; list-style: none; margin: 0 !important; padding: 0 !important; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; }
.share_button ul h1 { margin-top: 8%; overflow: hidden; width: 100%;color: #fff; font-size: 16px; }
.share_button ul li { position: absolute; height: inherit; width: 225px; margin: 0 !important; padding: 0 !important; background: #4F4E4E;
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-o-transition: all 600ms;
-ms-transition: all 600ms;
transition: all 600ms;
text-align: center;
}
.share_button ul li h2 { display: inline-block; width: 30%; height: 35px; overflow: hidden; margin-top: 5%; cursor: pointer; border: 0 !important; }
.share_button ul li h2:hover { text-shadow:2px 2px 2px #555; }
.share_button ul li h2 a { color:#FFF; text-decoration: none; }
.share_button ul:first-child li:first-child{ text-align: right; }
.share_button ul:last-child li:first-child{ text-align: left; }

.share_button ul:first-child li:last-child,
.share_button:hover ul:first-child li:first-child {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.share_button ul:last-child li:last-child,
.share_button:hover ul:last-child li:first-child {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.share_button:hover ul:first-child li:last-child,
.share_button:hover ul:last-child li:last-child {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}

2.- Ahora buscamos <div class='post-footer-line post-footer-line-1'> y a continuación pegamos el siguiente HTML

<div class='share_button'>
<ul>
<li>
<h1>
Compartir e
</h1>
</li>
<li>
<h2>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.canonicalUrl + "&t=" + data:post.title ' title='Compartir en Facebook'><img height='31' src='http://www.adra-es.org/wp-content/themes/adra/images/new_socials/facebook.png' width='30'/></a>
</h2>
<h2>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + " " + data:post.canonicalUrl ' title='Compartir en Twitter'><img height='31' src='https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT6frfJ6r6X5tulPKb988FXEionrbf3PXqjsQPD_u9jfmppzeQ0' width='30'/></a>
</h2>
<h2>
<a expr:href='"https://plus.google.com/share?url=" + data:post.canonicalUrl ' title='Compartir en Google Plus'><img height='31' src='https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSCdBstNntP4xqDqktXeYWdDvWl-rl4W4hQz0CzvJYfUPp_P4FJ' width='30'/></a></h2>
</li>
</ul>
<ul>
<li>
<h1>
sta página
</h1>
</li>
<li>
<h2>
<a href='javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());' title='Compartir en Pinterest'><img height='31' src='https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcR2BPc7311aGaRRMZZigMImVcaa74fbn2RG-zkjYFN8GuumvSvHpw' width='30'/></a>
</h2>
<h2>
<a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url' title='Compartir en Bitacoras'><img height='31' src='http://www.fromspaintouk.com/images/sociable/bitacoras.png' width='30'/></a></h2>
<h2>
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&title=" + data:post.title + "&url=" + data:post.url + "&source=" + data:blog.title + "&summary=" + data:post.snippet' target='_blank' title='Compartir en Linkedin'><img height='31' src='http://catedraseat.upc.edu/media/ico_linkedin.png' width='30'/></a>
</h2>
</li>
</ul>
</div>

Y esto es todo, ya tenéis vuestro botón de compartir al final de cada página.

↧

Desatascador Medel

March 8, 2013, 12:48 pm

≫ Next: La Blogosfera Sevillista según "EBUZZING" (Marzo/13)

≪ Previous: Botón animado para compartir en 6 redes

El que las gana todas, el que pelea cada balón por muy tarde que sea, el que saca la furia tanto para bien como para mal.....tuvo que se él. Gary Medel.
Tuvo que aparecer el chileno cuando más atascado andábamos y con el run run peligroso del Celta llegando junto a Beto.
No nos engañemos, se mascaba un empate por parte de los celtiñas que se daban cuenta con el correr del partido de la oportunidad de oro que se les presentaba, mientras nos espesábamos en el centro del campo, nos atorábamos atrás y no teníamos ideas claras delante, todo esto con el comienzo de una excomunión con la afición sufrida de Nervión que empezaba a expulsar el aire con tonalidad y fuerza.

Más información »

↧

La Blogosfera Sevillista según "EBUZZING" (Marzo/13)

March 8, 2013, 12:47 pm

≫ Next: Google+ lanza nuevo diseño

≪ Previous: Desatascador Medel

Acaba de publicarse la actualización del Ranking EBUZZING (WIKIO) del mes de Marzo, y la Blogosfera Sevillista sigue igualando su nivel en cuanto a Blogs, ya que este mes seguimos los mismos, quedándo de nuevo en 31 los representantes en este TOP-100.
En cuanto a nivel de Ranking, continuamos con el descenso progresivo.

Os dejo abajo las estadísticas de este mes comparado con los pasados.

Mes	Suben	Bajan	Se mantienen
Enero	11 blog	20 blog	1 blog
Febrero	9 blog	13 blog	9 blog
Marzo	7 blog	24 blog

Así que seguimos ocupando un 31% de este Ranking.

Más información »

↧

Google+ lanza nuevo diseño

March 8, 2013, 12:45 pm

≫ Next: ¿Este es el camino a Europa?

≪ Previous: La Blogosfera Sevillista según "EBUZZING" (Marzo/13)

Google acaba de actualizar su interfaz para todos los usuarios. Ha lanzado una nueva característica para su perfil como"cabecera grande y una imagen del perfil integrada". Los usuarios poco a poco comienzan a ver las características de algunos de los nuevos perfiles y páginas rediseñadas. El diseño es totalmente increíble, la foto de portada grande ha dado una nueva vida a los perfiles y páginas de Google+. La interfaz"sobre mi" tambien ha sido modificada, dando mucha similitud al tablero de Facebook.
Hoy, en este artículo vamos a ver la nueva característica de Google+.

Más información »

↧

¿Este es el camino a Europa?

March 9, 2013, 7:41 pm

≫ Next: Como dar estilo al blockquote de Blogger

≪ Previous: Google+ lanza nuevo diseño

Creo que nos equivocamos de ruta. Ya perdimos el tren que nos llevaba directo y sin paradas a Europa y ahora no sabemos por donde debemos tiar para coger el camino.
Esta noche se han encargado de recordárnoslo uno de los entrenadores mas malos que han pasado por el banquillo sevillista...Gregorio Manzano, que se ha movido más por la banda del Iberostar en diez minutos que en toda la temporada que estuvo en Nervión. Un canterano al que no quisimos en su día por no tener sitio en este Sevilla de estrellas estrelladas y que él solito se ha bastado hoy para hacernos dos goles. Giovanni, por el que suspiramos tantas veces y que no tuvimos cojones para fichar en su día por el motivo que fuera y prefirió ir a las islas a jugar en un Mallorca que hasta esta noche era uno de los peores equipos de la Liga y volverá a serlo a partir de la semana que viene.
Menos mal que Luna no ha jugado que si no...

Es difícil, muy complicado, explicar a alguien que no ha visto el partido que hemos dominado el juego con un 70 por ciento de posesión por un 30 del Mallorca y que hemos perdido los tres puntos.
¿Es difícil?...
Leer Más »

↧

Como dar estilo al blockquote de Blogger

March 13, 2013, 12:30 pm

≫ Next: Como colocar el botón de pinear en blogger

≪ Previous: ¿Este es el camino a Europa?

La mayoría de los Blogger saben que es el "Blockquote", pero para aquellos que aún lo desconocen les explico que se utiliza para enmarcar frases, textos o simplemente un código.

La forma de usarlo es encerrando el texto entre<blockquote> y </blockquote> o usando el ícono de entrecomillado que se encuentra en el editor de entradas comillas

Para personalizar estos bloques entrecomillados entra en Diseño > Edición de HTML y busca esto:

blockquote {
..............
..............
..............
}

Y sustitúyelo por cualquiera de los códigos de abajo:

Estos son 2 para blog Sevillistas

Código:

blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #f4f4f4 url(https://lh5.googleusercontent.com/-jJPTamVx9VE/UUC0NK_GLOI/AAAAAAAAK4M/rw_wJFKy3Pw/s48/escudo-Sevilla-CF.gif) no-repeat 5px 5px;
font: normal 1.1em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #b10202;
}
blockquote p {
margin: 0;
padding-top:10px;
}

Código:

.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(https://lh5.googleusercontent.com/-WfhvmyvO3BA/UUC3vGqCmZI/AAAAAAAAK4U/ceqRjAjaohQ/s503/SEVILLA.gif) no-repeat top;
font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif;
color : #000000;
border-bottom : 7px solid #FF0000;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote con el clásico borde izquierdo

Código:

.post blockquote {
background: #F3F3F1 url(https://lh3.googleusercontent.com/-b33f-nstMCc/UUB2magUDUI/AAAAAAAAK3I/NvWThAuYUPI/s766/blockquote-borde.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em Georgia, "Times New Roman", Times, serif;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}

Con borde verde y fondo gris oscuro

Código:

blockquote {
background: #484B52 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5J3xbxyI/AAAAAAAACPk/gxR76OhXXaw/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}

Tipo cuaderno

Código:

.post blockquote{
width:450px;
font:14px/22px normal helvetica,sans-serif;
margin-top:10px;
margin-bottom:10px;
margin-left:35px;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
border-left:5px solid #dadada;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
border-right:1px solid #dadada;
overflow:auto;
background:#ffffff url(http://bp1.blogger.com/_sbaQpFxeL1Q/R8yT9e_CdPI/AAAAAAAAAFw/4E0nxy2orrs/s400/code-bg.gif);
}

Veamos como personalizarlos:

.post blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(Enlace a la imagen) no-repeat 350px 5px;
font: normal.9em"comic sans ms", Courier,"Times New Roman", Times, serif;
color: #000;
border: 8pxdotted#DAB547;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

padding: Se refiere a la distancia entre el texto y el border del blockquote.¿Qué pasa en este orden -> Parte superior Parte inferior Derecha Izquierda
background: - Esto incluye el color de fondo e imagen utilizada en el mismo.El valor de seis dígitos es el color de fondo y el enlace de la imagen se inserta en lugar de texto en negrita en esta parte-> url (Enlace a la imagen )
font: -Incluye el estilo de la fuente, tamaño y tipo, respectivamente.Haga coincidir los colores con el código de arriba.
color: - Esto se refiere al color del texto.Puede utilizar un color de fuente diferente utilizando nuestra tabla de colores
border: - Esto se refiere a ancho del borde, estilo y colorrespectivamente.

. :: Eso es todo - Si alguna pregunta / sugerencia, por favor deje un comentario

↧

Como colocar el botón de pinear en blogger

March 15, 2013, 1:35 pm

≫ Next: Mostrar todas las entradas del blog en un gadget

≪ Previous: Como dar estilo al blockquote de Blogger

Son muchos los tutoriales que hay en Internet acerca de como incorporar el botón de pinear en blogger, pero prácticamente la mayoría nada más que nos muestra el código, dando lugar a errores del tipo "sin imagen" o "todo en blanco".
Para instalarlo correctamente lo primero que tenéis que hacer es seguir el tutorial de +Vagabundia en Verificar un blog de Blogger en Pinterest. Una vez realizado todos los pasos ya podemos instalar el botón en nuestro blog.

Os dejo el botón contador para su instalación.
Pasos:
1. Entra en la configuración del blog.
2. Haz click en la pestaña "Plantilla".
3. Haz click en el botón "Editar HTML".
4. Haz click en "Expandir plantilla de artilugios".
5. Busca el siguiente código:

<div class='post-footer-line post-footer-line-2'>

6. Justo encima añade este código:

<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&description=" + data:post.title + "&media=" + data:post.thumbnailUrl'>Pin It</a><script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>

Las modificaciones son pocas tan solo horizontal o vertical
Cambia donde pone horizontal por vertical en caso de elegir esta forma.

PD: El contador del horizontal solo será visible tras haber tenido por lo menos un pin.

↧

Mostrar todas las entradas del blog en un gadget

March 16, 2013, 1:46 pm

≫ Next: No hubo piedad con Jiménez

≪ Previous: Como colocar el botón de pinear en blogger

Os dejo la forma de visualizar todas las entradas del blog de una forma parecida a post populares pero con la función de poder ir pasando los artículos mediante los enlaces "Anterior y Próximos".

DEMO

Veamos como instalarlo en nuestras plantillas:

Vamos a comenzar añadiendo el Css a la plantilla y para ello seguimos los siguientes pasos:

1. Entra en la configuración del blog.

2. Haz click en la pestaña "Plantilla".

3. Haz click en el botón "Editar HTML".

4. Haz click en "Expandir plantilla de artilugios".

5. Busca el siguiente código: ]]></b:skin>

y justamente encima pegamos lo siguiente:

#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:14px!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:12px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(http://1.bp.blogspot.com/-vBDcLG_CXzU/UBqEMTknKcI/AAAAAAAAIHE/pZTfBZLbPwY/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

A continuación buscamos:

</head>

y justamente encima pegamos lo siguiente:

<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://amorsevillista.blogspot.com/";
var charac = 100;
var urlprevious, urlnext;

function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed = showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'> ◄Anterior</a>";
} else {
showblogfeed += "<span class='noactived previous'>◄ Anterior</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Próximo ► </a>";
} else {
showblogfeed += "<span class='noactived next'>Próximo ► </span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Inicio</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>

Después de guardar la plantilla ir a diseño. Haga clic en Agregar artilugio de HTML / Javascript introduzca el siguiente código en él:

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>

Personalización:
Css:
.mas-elemen img ; Nos muestra la altura y anchura de cada miniatura de imágen en height:70px y width:70px.
Script:
var numfeed = 5; Nos muestra la cantidad de post visibles en el gadget
var urlblog = "http://amorsevillista.blogspot.com/"; >> reemplazarlo con la URL de tu blog.
var charac = 100; número de caracteres o letras que se muestran en cada post..

Guardar y ver los resultados.

Si no lo tiene claro, por favor deja un comentario más abajo e intentaremos solucionarlo. Buena suerte y espero que os sea útil.. .....

↧

No hubo piedad con Jiménez

March 17, 2013, 12:39 pm

≫ Next: Otro reloj para tu blog

≪ Previous: Mostrar todas las entradas del blog en un gadget

Ya era hora de sacar los partidos "fáciles" entre comillas sin dar más de lo necesario al contrario, sin actuar de Hermanitas de la Caridad como tantas otras veces hemos hecho.

Un equipo que aun aspira a disputar competición europea el año que viene como es el Sevilla no puede permitirse más lujos de los necesarios ante un equipo que está pelando por no descender y al que le viene un calendario más propicio para plantarse de cabeza en Segunda que para quedarse en la Liga de las dos estrellas.

Importantísimos eran estos puntos, como lo son todos, pero estos por el momento de temporada en el que estamos, por lo que nos está costando salir del bache en el que nos hemos metido desde hace tiempo y porque encaramos también un calendario más difícil que apropiado con Levante, Bilbao y Betis a la vuelta de la esquina.
Hoy hemos hecho un partido serio, esperando las oportunidades y sobre todo aprovechándolas y no dando demasiadas facilidades en defensa para no encontrarnos con apuros innecesarios. Si acaso, sí hemos echado en falta más de lo debido a Beto. Las salidas de Palop han puesto el corazón en un puño a más de uno y ya nos estábamos acostumbrando a las actuaciones geniales del portugués.

Al bueno de Manolo Jiménez le ha dado su equipo del alma una puntillita casi letal. De un plumazo le ha puesto muchos enteros en Segunda División. Le deseo, de corazón, toda la suerte del mundo para lo que se le avecina, Barsa y Madrid andan por ahí en el camino del Real Zaragoza.

↧

Otro reloj para tu blog

March 19, 2013, 11:44 am

≫ Next: ! Haz tu propio reloj !

≪ Previous: No hubo piedad con Jiménez

Un buen reloj es una buena opción para el blog, y como ya vimos anteriormente en el post Relojes personalizados para tu blog, hoy he encontrado otro reloj para colocar en vuestros blog.

La página Euroresidentes, es la encargada para crear unos lindos relojes, tan solo eliges el color del fondo, de las letras y también la forma, y luego generas el codigo y lo guardas en un gadget para html. Muy fácil, no?

Estos son los tipos de relojes que podréis conseguir:

!Espero que os queden estupendos en vuestros blog!

A DISFRUTARLOS

↧

! Haz tu propio reloj !

March 19, 2013, 11:40 am

≫ Next: Menú expandible con CSS

≪ Previous: Otro reloj para tu blog

Crazyprofile es una Web donde encontraréis relojes, calendarios, posters, gráficos, generadores de Glitters y entretenimiento por varias horas si visitáis cada uno de los temas que ofrecen.

Hay uno que me ha llamado la atención, es diferente, es un reloj al que podéis añadir una fotografía o imagen desde vuestro PC, quedando como el que está abajo.

Dependiendo del tamaño de la imágen os saldrá el relój, así que depende en que lado de la sidebar lo querráis instalar, para adecuar las medidas.

El que tengo puesto lo hice desde una imágen de 200x200 y este es el efecto:

Crear relój aquí