Amor Sevillista

Generador de últimas entradas por etiquetas

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Tue, 21 May 2013 09:10:35 PDT

Hoy traigo de nuevo otro generador con una gran cantidad de características y opciones totalmente personalizables. Se trata de mostrar las últimas entradas con o sin miniaturas de cualquier etiqueta o categoría en particular.

En Blogger podemos encontrar varios gadget para colocar en nuestros blog tales como, entradas recientes o entradas populares, pero no nos proporciona una opción para mostrar las últimas entradas de una etiqueta o categoría en particular.
Así que en esta entrada, voy a mostraros la forma de colocar las últimas entradas con o sin miniaturas.

VER EJEMPLO

Para instalarlo en vuestros blog, solo hay que seguir las instrucciones del generador y una vez acabado nos generará un código el cual colocaremos en un Gadget/html de nuestro blog.

Personalización:

1.- Reemplace todo lo requerido en el generador.
2.- Haga clic en Generar y copie el código.
3.- Pegue el código resultante en un gadget/HTML

Generador de caja de Subscripción para Blogger

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Mon, 20 May 2013 05:06:50 PDT

Hace unos días os mostré la forma de colocar los Seguidores de las distintas redes sociales en el lateral del blog mediante un generador y hoy voy a compartir otro widget impresionante que nos muestra una bonita caja de subscripción.

Así que en este post, con la ayuda de otro generador podéis integrar facilmente el código del widget y añadirlo directamente a vuestros blogs.

Sólo hay que seguir unos sencillos pasos y añadir este impresionante widget a tu blog

.

VER EJEMPLO

Para instalarlo en vuestros blog, solo hay que seguir las instrucciones del generador y una vez acabado nos generará un código el cual colocaremos en un widget/html de nuestro blog.

Personalización:

1.- Reemplace todo lo requerido en el generador.
2.- Haga clic en Generar y copie el código.
3.- Pegue el código resultante en un widget/HTML.

La otra Liga, es mucha Liga

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sat, 18 May 2013 14:56:29 PDT

Cuando un equipo de la otra Liga aparece por Nervión se nota y la Real esta temporada lo es. Nada tiene que ver este equipo vasco con el de anteriores temporadas y mucho menos aun con nuestro Sevilla. A buen seguro me dará la razón el que me lea y haya seguido el partido que estos chavales de Anoeta han sido el mejor equipo que ha pasado por Eduardo Dato.

Muy serio en defensa y con un ataque letal perfectamente llevado por Xavi Prieto en casi todas las acciones, con un Aguirretxe inconmensurable.
Nosotros por nuestra parte y aunque no lo hayamos hecho tan rematadamente mal como en otras ocasiones, hemos desperdiciado varias ocasiones claras, nos han birlado un penalty en las mismas narices del árbitro, sí, en esas mismas que después nos robaron una ocasión clarísima de Medel al pitarle fuera de juego inexistente cuando encaraba a Bravo. En la misma jugada se autoexpula desde la banda y pleno calentamiento Reyes.

Con este partido terminamos con las pocas esperanzas de algo que no sea terminar cuanto antes la temporada.

¿Limpieza?.... Por favor que devuelvan a Babá a Senegal.

Generador de Redes Sociales Flotantes (seguidores)

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Mon, 20 May 2013 08:17:10 PDT

Anteriormente vimos como instalar Redes Sociales con efecto deslizante (lateral blog) y hoy os muestro otro interesante widget, el cual a diferencia del anterior, contiene a nuestros seguidores de las 3 Redes Sociales más importantes (Facebook, Twitter y Google Plus.) con el mismo efecto deslizante.

Esta es otra forma de aumentar nuestros seguidores en las redes sociales, porque una vez instalada nos mostrará la opción de seguirnos en Facebook (página no perfil), Twitter o añadirnos a un círculo de Google+. La gran ventaja de este gadget es que nos libera de bastante espacio en el blog, porque si sumamos las tres cajas a nuestra sidebar ocuparía bastante espacio.

Hay multitud de tutoriales en Internet de como colocar estas cajas de Seguidores en el Blog, pero nunca tan fácil como este generador.

VER EJEMPLO (o en este mismo blog)

Para instalarlo en vuestros blog, solo hay que seguir las instrucciones del generador y una vez acabado nos generará un código el cual colocaremos en un widget/html de nuestro blog.

Estoy seguro que este WIDGET le ayudará a conseguir más seguidores en Facebook, Twitter y Google Plus. Espero que les guste y si necesitas ayuda, deja tu comentario a continuación.

El Sevilla FC presente en el Día de Internet de forma solidaria

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Tue, 14 May 2013 04:43:01 PDT

Con motivo de la celebración del próximo 17 de mayo del Día Mundial de las telecomunicaciones y de la sociedad de información (Día de Internet), la Peña Sevillista de Ubrique en colaboración con el Sevilla FC han querido estar presentes en las actividades que un año más esta organizando la Asociación de Usuarios de Internet, para ello han donado una camiseta firmada por los jugadores de la primera plantilla para recaudar fondos que serán donados íntegramente a la ONG Save The Children.

Esta Subasta Solidaria, en la que se podrá pujar a través de eBay, se desarrollará entre los días 14 y 21 de Mayo y en ella además de la mencionada camisa del Sevilla FC, se podrá pujar por objetos firmados por Fernando Alonso, Alejandro Sanz, Pablo Alborán,... o donados por Josema Yuste, Huawei, Nokia o Movistar.

La camiseta del Sevilla Fútbol Club cuenta con las firmas de los siguientes jugadores de la temporada 2012/2013: 1) Andrés Palop, 9) Álvaro Negredo, 7) Jesús Navas, 2) Federico Fazio, 8) Gary Medel, 10) Diego Perotti, 23) Coke Andújar, 21) Alex Sandro Cicinho, 3) Fernando Navarro, 6) José Gómez Campaña, 20) Baba Diawara, 11) Ivan Rakitic, 14) Manu del Moral.

Un estupendo recuerdo que esperamos que la afición sevillista sepa valorar en la puja a la misma puesto que de esta recaudación se verán beneficiados muchos niños a través de Save The Children.

Redes Sociales con efecto deslizante (lateral blog)

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Mon, 13 May 2013 12:24:25 PDT

Anteriormente ya vimos como colocar unos simpáticos iconos flotantes de Redes Sociales y para continuar ahorrando espacio en nuestros Blog, hoy os muestro otra forma de hacerlo y es colocando en el lateral las redes sociales de más auge en estos momentos (Facebook,Twitter,Google+,Pinteres,Youtube y nuestro feed).

Este gadget los muestra en el lateral del blog y con un efecto deslizante y al colocar el cursor sobre los iconos van a salir lentamente.

VER EJEMPLO

1.- Entrar en panel de administración - plantilla - buscar (f3 o ctsl+f) </head> y pega justo antes el siguiente script:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
$(window).load(function(){
$('.botones-sociales .social').mouseenter(function(){
$(this).stop();
$(this).animate({width:'160'}, 500, 'easeOutBounce',function(){});
});
$('.botones-sociales .social').mouseleave(function(){
$(this).stop();
$(this).animate({width:'43'}, 500, 'easeOutBounce',function(){});
});
});
</script>

2.- Entrar en panel de administración - Diseño - Añadir un gadget HTML/Javascript y pega el siguiente código:

<style type="text/css">
.botones-sociales {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.izquierda {
left: 0;
}
.derecha{
right: 0;
}
.botones-sociales #twitter-btn .social,
.botones-sociales #facebook-btn .social,
.botones-sociales #google-btn .social,
.botones-sociales #rss-btn .social,
.botones-sociales #pinterest-btn .social,
.botones-sociales #youtube-btn .social {
background-color: #33353B;
background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.izquierda #facebook-btn span {
background-position: right 10px;
}
.izquierda #twitter-btn span {
background-position: right -35px;
}
.izquierda #google-btn span {
background-position: right -127px;
}
.izquierda #rss-btn span {
background-position: right -80px;
}
.izquierda #pinterest-btn span {
background-position: 11px -177px;
}
.izquierda #youtube-btn span {
background-position: 11px -223px;
}
.derecha #facebook-btn span {
background-position: 12px 10px;
}
.derecha #twitter-btn span {
background-position: 11px -35px;
}
.derecha #google-btn span {
background-position: 10px -127px;
}
.derecha #rss-btn span {
background-position: 11px -80px;
}
.derecha #pinterest-btn span {
background-position: 11px -177px;
}
.derecha #youtube-btn span {
background-position: 11px -223px;
}
.botones-sociales #facebook-btn:hover .social {
background-color: #3B5998;
}
.botones-sociales #twitter-btn:hover .social {
background-color: #62BDB2;
}
.botones-sociales #google-btn:hover .social {
background-color: #DB4A39;
}
.botones-sociales #rss-btn:hover .social {
background-color: #FF8B0F;
}
.botones-sociales #pinterest-btn:hover .social {
background-color: #D43638;
}
.botones-sociales #youtube-btn:hover .social {
background-color: #C4302B;
}
.botones-sociales a:hover .texto{
display: block;
}
.izquierda .social {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;}

.izquierda .texto{
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.derecha .social {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;}

.derecha .texto {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.botones-sociales .texto{
color: #FFFFFF;
}
</style>

<div class='botones-sociales derecha hidden-phone hidden-tablet'>
<a class='itemsocial' href='url de facebook' id='facebook-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Facebook</span></span></a>
<a class='itemsocial' href='url de twitter'id='twitter-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Twitter</span></span></a>
<a class='itemsocial' href='url de google+' id='google-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Google</span></span></a>
<a class='itemsocial'href='url de pinterest 'id='pinterest-btn' target='_blank'><span class='social'>
<span class='texto'>Síguenos via Pinterest</span></span></a>
<a class='itemsocial' href='url de youtube' id='youtube-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Youtube</span></span></a>
<a class='itemsocial' href='url del feed' id='rss-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via RSS</span></span></a>
</div>

Cambiamos las url de nuestras redes sociales y listo.

Las dudas que te hayan quedado sobre este tutorial, por favor, déjamelas en el espacio de comentarios, te contestaré lo antes posible.

Tostón andaluz

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sun, 12 May 2013 14:15:11 PDT

Partido soso el que hemos visto esta noche en La Rosaleda. Partido que a buen seguro no deja satisfecho a ninguno de los entrenadores, así como a los aficionados.
Pocas ocasiones de gol, yo diría que quien más cerca ha estado de ganar ha sido el Sevilla con dos ocasiones seguidas de Rakitic y Negredo. Dos ocasiones en noventa y tantos minutos dan fe de lo pobre de nuestro juego y del rival en el partido de hoy.

Un Málaga sin fuelle a estas alturas de temporada después del enorme esfuerzo realizado en Champions y con el golpe moral que supuso la eliminación en la forma que ocurrió allá por tierras alemanas y un Sevilla a lo suyo, a mejorar poco a poco en defensa, controlar el centro del campo y no saber rematar lo poco que se nos presenta.

El objetivo muy lejos a pesar del punto obtenido. Difícil lo que nos acontece y difícil la pretemporada que se avecina con muchas despedidas importantes a buen seguro.

Ranking EBUZZING del Sevillismo en el mes de Mayo (2013)

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Mon, 13 May 2013 08:26:34 PDT

Acaba de publicarse la actualización del Ranking EBUZZING (WIKIO) del mes de Mayo, y la Blogosfera Sevillista sube su nivel en cuanto a Blogs, ya que este mes entra en el puesto 94, Sevilla Somos Nosotros, quedándo con 31 los representantes en este TOP-100.

En cuanto a nivel de Ranking, hemos subido progresivamente este mes.
Lo más destacado de este mes sería la entrada del Blog Sevilla Somos Nosotros y la considerable subida de este Blog Amor Sevillista con 20 puestos.

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
Abril	4 blog	24 blog	2 blog
Mayo	8 blog	20 blog	3 blog

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

Estos son los Blogs Sevillistas en el Ranking de MAYO:

Ranking	Blog	Puesto Sube/Baja
1	La Palangana Mecánica	10 ( + 5 )
2	El Sevillista	20 ( + 2 )
3	Amor Sevillista	24 ( + 20 )
4	Sevillismo.com	34 ( - 4 )
5	El Papi Magase	36 ( - 10 )
6	El Alminar de Nervión	38 ( + 2 )
7	Sevilla Sevilla Sevilla	39 ( = )
8	Triana 1952	40 ( - 12 )
9	Latidos de Nervión	41 ( - 3 )
10	Almas Sevillistas	43 ( - 1 )
11	Un Sevillista Cualquiera	44 ( + 5 )
12	Javi SFC	48 ( - 15 )
13	El Blog de Mayte Carrera	49 ( + 2 )
14	El Equipo del Arte y Salero	52 ( + 1 )
15	El Blog de Jesús Creations	54 ( - 7 )
16	Sentimiento Sevillista	56 ( = )
17	Ahora más que nunca Sevillista soy	57 ( = )
18	El Talibán Sevillista	58 ( - 3 )
19	Sin Complejos	65 ( - 2 )
20	Lo Mejor Sigue Estando sin Llegar	66 ( - 1 )
21	Crónicas en Blanco y Rojo	68 ( - 2 )
22	Sevilla Stones	70 ( - 3 )
23	P.C.S. Tres Carabelas	71 ( - 2 )
24	El Blog de Dragos Sur	74 ( - 2 )
25	Sevillismo desde la Cuna	76 ( - 3 )
26	Blanco y Rojo es mi Color	84 ( - 3 )
27	Crónicas del Sevilla FC	85 ( - 2 )
28	Benditos Colores	88 ( - 1 )
29	El Sevillismo	91 ( - 1 )
30	Palanganas en la Red	93 ( - 1 )
31	Sevilla Somos Nosotros	94 ( entra )

Agregar unos simpáticos iconos flotantes de Redes Sociales en Blogger

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Wed, 08 May 2013 12:21:20 PDT

Hoy os voy a mostrar la forma de agregar unos simpáticos iconos de redes sociales flotantes en Blogger. Con ellos les permitirá a sus lectores del blog que se conecten o suscriban a su blog a través de los diferentes medios sociales. Se encuentran flotando a la derecha o la izquierda de su blog.

En este tutorial, los sitios sociales que he incluido son Facebook, Twitter, Google+ y RSS. Así que veamos como instalarlos.

VER DEMO

1.- Entrar en panel de administración - Diseño - Añadir un gadget HTML/Javascript y pega el siguiente código:

<style type="text/css">.redes-flotantes {
position: fixed;
right: 5px;
top: 40%;
}
.redes-flotantes img {
float: right;
clear: right;
margin: 5px;
-moz-transform: scale(.8) ;
-webkit-transform: scale(.8) ;
-o-transform: scale(.8) ;
-ms-transform: scale(.8) ;
transform: scale(.8) ;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.redes-flotantes img:hover {
-moz-transform: scale(1.1) rotate(6deg);
-webkit-transform: scale(1.1) rotate(6deg);
-o-transform: scale(1.1) rotate(6deg);
-ms-transform: scale(1.1) rotate(6deg);
transform: scale(1.1) rotate(6deg);
}</style>
<div class='redes-flotantes'>

<a href='URL DE TWITTER' target='blank'><img alt='Twitter' height='48' src='https://lh3.googleusercontent.com/-HiZe1pm_Rok/ToE0l_3Wl4I/AAAAAAAACvY/ztE85o-w3Lg/s800/Fa_Twitter_creatures.png' width='48'/></a>

<a href='URL PAGINA FACEBOOK' target='blank'><img alt='Facebook' height='48' src='https://lh3.googleusercontent.com/-QaLRred01jw/ToE0l2ruGBI/AAAAAAAACvc/ydfvF-xOi_4/s800/Facebook_creatures.png' width='48'/></a>

<a href='' target='blank'><img alt='Feed' height='48' src='https://lh5.googleusercontent.com/-dUIx19LJB_A/UYqbVu4cK_I/AAAAAAAALeI/p7qqF1vg3ng/s48-no/google%252B.gif' width='48'/></a>

<a href='URL DE FEEDBURNER' target='blank'><img alt='Feed' height='48' src='https://lh5.googleusercontent.com/-16rpSgs_Rdk/ToE0l6-gnjI/AAAAAAAACvg/pbKahocVGVg/s800/Feed_creatures.png' width='48'/></a>
</div>

2.- Realizar los siguientes y sencillos cambios:
URL DE TWITTER por la vuestra.
URL PAGINA FACEBOOK por la vuestra.
URL DE GOOGLE+ por la vuestra.
URL DE FEEDBURNER por la vuestra.

3.- Cambiar de lado los iconos:
En el código aparecen los iconos en el lateral derecho y a media altura pero pueden cambiarse al izquierdo y con diferente altura y para ello hay que modificar la primera parte del código:

right: 5px;
top: 40%;

por:

left: 5px;
top: 40%;

La altura la aplicamos subiendo o bajando el: top: 40%;

!Espero que sean de vuestro agrado estos simpáticos iconos!

Notable alto

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sun, 05 May 2013 12:01:31 PDT

Cuánto nos hubiese gustado ver a este Sevilla durante toda la temporada, y no sólo en los partidos de casa.
Si califico el partido de hoy con un notable alto, rayando el sobresaliente, es no ya por lo contundente del resultado sino más bien por la disciplina empleada, el saber hacer, la recuperación de futbolistas tales como Diego Perotti, un pausado Medel o un pletórico Coke.
Hoy hemos demostrado lo que tanto y tanto echábamos en falta, saber estar arriba y saber estar abajo pasando por una medular con las ideas superclaras.

Hoy se vuelve a dar un pasito adelante. Un pasito, que a ver si de una vez por todas, tiene su recompensa rubricando fuera de casa lo que hacemos dentro, aunque quizás no nos enfrentemos la semana que viene al rival más adeucado para despegar a domicilio.
Nos quedan cuatro encuentros para intentarlo con el consiguiente obstáculo que supone no sacar tajada fuera de casa durante casi toda la temporada y los dos huesos que nos quedan por pisar Nervión...Real Sociedad y Valencia.

Esto es fútbol y es grande por cosas imposibles. Debemos confiar, al menos ahora que nos encontramos pletóricos con la victoria de hoy ante un flojísimo Español.....(que me perdone nuestro comentarista y amigo Perico). De todas formas era de esperar un Español relajado después de conseguir la permanencia matemática y por tirar a favor de los pericos decir, que pronto se encuentran con un gol en propia meta que quieras o no ralla bastante.

Tres puntos más. A rubricar toca.

Esta sí es nuestra Liga de las Estrellas

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sun, 28 Apr 2013 11:59:56 PDT

Esta sí. Esta es la Liga en la que podemos pelear por algo importante, siempre y cuando eso pase por conseguir la permanencia matemática. Es lo más importante por lo que podemos pelear, sino lo úlnico.

Habría muchas cosas que comentar de este partido.

Desde muy pronto se empieza a uno a dar cuenta de detalles como por ejemplo el seguir sin comprender por qué Cala está en las filas del Sevilla, por qué lo repescaron de Grecia y no lo dejaron allí para que terminara su carrera cómodamente. Un central no puede buscarse una tarjeta amarilla en el minuto dos del partido a menos que sea del todo necesaria (no fue el caso), y mucho menos lejos de su puesto.

Otro que debería haberse quedado ayudando a su equipo en tierras cordobesas es Javi Hervás. Un futbolista que se pasa una temporada en blanco pase quien pase por el banquillo como director es por algo y no me vale el hecho de no jugar apenas, si no lo hace es por algo y hoy lo ha demostrado. Su calidad es cortita para Primera División.
Tampoco hemos contado hoy con el buen hacer en los últimos partidos de Rakitic o Reyes. Ambos desaparecidos en combate y con fallos terribles como el de Rakitic que nos cuesta el gol del Valladolid.
No ha sido la noche de Negredo. Fallón el vallecano ante el gol y extremadamente tranquilo en el penalty.

No he llegado a entender el primer cambio de Emery. Alberto entra y sale Cala. Pasa a Navarro al eje de la defensa y deja a Moreno en el lateral. No discuto que Cala saliera por lo anteriormente expuesto pero...no me pareció la mejor opción de cambio, cuando necesitábamos ataque a la desesperada.

Somos el equipo que menos partidos ha ganado lejos del Sánchez Pizjuán y hoy ha quedado claro el porqué.
Desde Septiembre no ganamos fuera, la única vez y fue en casa del Dépor.
Esta es nuestra Liga. Esta sí. La del Valladolid, Levante, Getafe, etc..etc... Porque hasta nuestros vecinos son capaces de hacerlo mejor que nosotros.

Reñir para que no te riñan

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Thu, 25 Apr 2013 01:13:05 PDT

Después de transcurridos unos días de la derrota ante el Atco. Madrid me encuentro con una noticia publicada por ahí en la que al parecer nuestro entrenador muestra en su blog un tremendo enfado para con Diego Costa por su actitud antideportiva y marrullera en el partido pasado y en lo que lleva de carrera casi. No sólo molesto con esto, también se dedica a criticar al seno interno colchonero por defender a ultranza a su futbolista en vez de imponerle un castigo ejemplar, que bien podría ser...y esto lo digo yo....no volver a jugar contra los sevillistas.

Ahora bien.

Centrémonos en todo un poco.
Yo le diría primeramente a nuestro entrenador, el cual también dice que pudimos ganar el partido, que en ningún momento tuvimos opciones de ganar el partido por varios motivos deportivos que son los siguientes...El Atco. defendió de "cojones"...nosotros no supimos defender....El Atco. atacó con muchísimo peligro y supieron esperar su oportunidad para meterla y llevarse los puntos....nosotros atacamos bien en ocasiones pero sin saber aprovechar nuestra oportunidad como casi siempre. Los colchoneros nos manejaron a su antojo durante todo el encuentro y...... ¿por qué?. Porque son mejores, tienen mejor equipo y están a otro nivel diferente al nuestro en el que todo le sale y bien.

Esto en lo meramente futbolístico.
En el resto, le diría a nuestro entrenador que lleva razón cuando juzga a Costa pero también le pregunto ¿qué haría usted si lo tuviera en su equipo Emery?.
Seguramente le reiría las gracias y todo serían palmaditas en la espalda al acabar el partido por haber sabido sacar de quicio a los jugadores, entrenadores, presidentes y directivos del equipo rival y encima los tres puntos para la buchaca. O ¿no?.
Sí Emery. Estas cosas duelen cuando te tocan de frente, en caso contrario no importa un carajo a quien le toque y sino ahí está Competición para no sancionar lo sancionable y encima perdonar a lo Jesucristo.
Y ¿yo me voy a amargar con lo que hace o deja de hacer el Costa este?.
Pues no. Tengo cosas más importantes en las que llorar que leer sus tonterías de rabieta sin sentido.
Lo siento míster.

La realidad supera a la ficción

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Mon, 22 Apr 2013 04:33:39 PDT

¿La realidad?.
Sí, la realidad de bajarnos de la nube, los jugadores los primeros y aceptar que no estamos diseñados para pelear por objetivos importantes, sino para estar en la zona tranquila de la tabla sin pasar más apuros de los necesarios.
Lo real de ser conscientes que hay equipos mejor diseñados que el nuestro, uno de ellos sin ir más lejos el que se ha llevado los puntos de Nervión esta noche. Los colchoneros no han pasado más apuros de los previstos en un partido disputado fuera de su casa. Creando peligro. Serios en defensa y esperando su oportunidad, sabiendo que esta llegaría antes o después para desesperación de los sevillistas.
Hoy por hoy no son rival asequible sino más bien de esos que diez veces se cruzan en nuestro camino y perdemos once. No hemos sido capaces de ganarle ni un partido de los cuatro a los madrileños.

¿La ficción?.
De creernos más de lo que somos.
De dejarnos llevar por entusiasmos juveniles cuando Alberto nos pone en la UEFA sí o sí.
De creernos ciegamente que aun podemos conseguir clasificaciones imposibles.
Desde el comienzo del partido se veía venir lo que podía pasar. Partido cada vez poniéndose más feo y sabiendo que al final el Atleti marcaba su gol y lo ponía imposible del todo.
Partido en el que una vez más el Sr. Costa vuelve a demostrar que es tan buen futbolista como marrullero y provocador pero con el que nosotros volvemos a caer una y otra vez. Al parecer no nos enteramos de como se las gasta el señorito.
Pues, tres puntos menos en Nervión. A seguir buscando la salvación de la temporada lo más dignamente posible y a esperar limpieza de verano, esta vez sin más remedio que obligatoriamente.

Habilitar comentarios de Google+ en Blogger

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Fri, 19 Apr 2013 05:34:13 PDT

De nuevo Blogger no sosprende, trás la última actualización de su editor, ahora ha introducido un nuevo sistema de comentarios integrado con el perfil o página de Google+. Es muy fácil de implementar en las plantillas predeterminadas, es lo que he podido comprobar en varios blog de pruebas, pero en este personalizado, no podía implantarlo de ninguna forma. Después de explorar varias plantillas conseguí colocarlo con un simple código, creo que será efectivo para todas las plantillas. Aún así, no termina de gustarme este nuevo sistema, pero lo tendré unos días de pruebas.

De momento se aprecian algunos errores, como bien comenta +Oloman Oloman pero como todo lo nuevo siempre suele dar algunos problemitas, esperemos que los técnicos lo solucionen cuanto antes.

Para habilitar estos nuevos comentarios, tendremos que tener vinculado nuestro Blog al perfil o página de Google+ y activar en Blogger en la casilla Google+, "Usar comentarios de Google+ en este blog".

Si habéis seguidos los dos pasos anteriores y aún no os muestra el nuevo sistema, podéis intentar lo siguiente:

1.- Ir a Plantilla> Edición de HTML
2.- Click en plantilla de formato, buscamos con (ctrl+f):

<b:includable id='comment-form' var='post'>

y a continuación colocamos esto:

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

Ahora guardamos la plantilla y listo, a mí me dió resultado, espero que también a vosotros.

Una simpática forma de compartir en Redes Sociales tus entradas

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Tue, 16 Apr 2013 12:17:29 PDT

Hace unos días vimos como instalar una simpática caja de autor para blogger y al final de dicha entrada expuse que era totalmente personalizable para incluir en su interior cualquier cosa. Pues bien, hoy la he adaptado para mostrar los botones de compartir en las diferentes Redes Sociales.

VER DEMO

Si quieres colocar esta original caja para compartir en tu blog, sigue estos pasos:
1.- Plantilla - Editar HTML - buscamos (ctrl+f o F3)

<div class='post-footer-line post-footer-line-1'/> o en su lugar <div class='post-footer-line post-footer-line-2'/>

y justamente debajo pegamos lo siguiente:

<style type="text/css">
.caja{
float:center;}
.base {
position:relative ;
width: 540px;
height: 62px;
margin: 10px auto;
background-color: #f7f7f7;
z-index: 1;
padding: 2px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
-mox-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.izquierda{
position: absolute;
background: #DBDCDE;
bottom: 0;
right: 50%;
left: 0;
top: 0;
border:1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.base:hover .izquierda{
right: 100%;
left: -50%;
}
.derecha{
position: absolute;
background: #DBDCDE;
bottom: 0;
left: 50%;
right: 0;
top: 0;
border:1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.base:hover .derecha{
left: 100%;
right: -50%;
}
.portada {
overflow: hidden;
}
.portada .izquierda {
background: url(https://lh3.googleusercontent.com/-UMYWlCNlNkg/UWvfMjI1cmI/AAAAAAAALMk/5LsBE3_kRRU/s260/IZQU-COMPARTIR.jpg);
border:1px solid #F0F0F0;
z-index: 1;
}
.portada .derecha {
background: url(https://lh5.googleusercontent.com/-XKLiTNqpZsU/UWvfQcs2-tI/AAAAAAAALMs/D9mEWkIvGgw/s260/DERECHA-COMPARTIR.jpg);
border:1px solid #F0F0F0;
z-index: 1;
}
.base img {
margin-top: 15px;
}
.compartir {text-align: center;position:relative;
margin-top:-10px;
border-radius:8px;
margin-bottom:20px;
}
</style>
<div class='caja'>
<div class='base portada'>
<div class='izquierda'></div>
<div class='derecha'></div>
<div class='compartir' id='compartir'>
<table border='0' cellpadding='7'>
<tr>
<td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px;'/></td>

<td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>

<td><script type='text/javascript'>(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></td>

<td><g:plus action='share' annotation='vertical-bubble' expr:href='data:post.url'/></td>
<td><script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></script></td>
<td><a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/normal/" + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a></td>

</tr>
</table>
</div></div></div>

Guardamos cambios y listo.

Destaca tu logo al comentar como autor

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Mon, 15 Apr 2013 11:14:58 PDT

Como habréis observado, son muchos los blogger que tienen colocado al comentar como autor, su logo o imagen carasterictica de su blog. Pués bien, esto es lo que os voy a explicar hoy, la forma de colocar dicho logo o imagen en vuestros blog.
Para ello vamos a utilizar una imagen en base64, para no llamar al http y así aligerar la carga del blog. Esta imagen aparece al lado derecho del nombre del autor del blog como habréis podido observar en la imagen de esta entrada.

Pasos a seguir:
1.- Reducir la imagen que deseamos a 18px por 18px. (usar cualquier editor) .
2.- Subimos la imagen por ejemplo a Picassa y copiamos la URL. (picassa)
3.- La convertimos a Base64 entrando en esta web
Introducimos la URL de la imagen que alojamos en Picassa y clik en "Enviar consulta"

Nos devuelve la imagen ya convertida a Base64, ¿un poco larga verdad?, cópiala y guardala.

4.- Vamos a colocar el CSS de la imagen para que esto tenga efecto:
Plantilla > Editar HTML > Buscamos (ctrl+f o la tecla f3) </b:skin> > Expande el CSS y volvemos a buscar </b:skin> y justamente antes colocamos el siguiente código:

.comments .comments-content .icon.blog-author{ background-repeat:no-repeat; background-image:url(IMAGEN BASE64)}

En IMAGEN BASE colocamos la que teníamos guardada antes y listo, ya podemos disfrutar de nuestro logo o imagen en nuestros comentarios.

Si tienes alguna duda.....!No dejes de comentarla!

Un empate con sabor a derrota - Betis (3-3) Sevilla F.C.

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sun, 14 Apr 2013 08:12:18 PDT

Viernes 12, víspera de la feria, los grandes de la capital andaluza se citaban en el Benito Villamarín. La noche más esperada del futbol, un duelo en el que se jugaban todo. Una noche llena de "sentimiento, pasión y espectáculo". El encuentro vino marcado por el 5-1 de la ida en el Pizjuán y por Europa: los locales buscaban la Champions y los visitantes, apurar sus remotas opciones de Europa League.

Comenzó el encuentro y se dividió en dos partes muy distintas, la primera parte dominó con facilidad el conjunto de Emery que en el minuto 30 prácticamente tenía el partido en el bolsillo, al igual que ocurrió en el Pizjuán. Corría el minuto 7 y un Rakitic recién casado estrenó marcador engañando al meta bético, y así continuó el encuentro. Cerca del ecuador de la primera mitad firmaba el doblete, un tanto que no debió sumar por fuera de juego del ‘9’ del Sevilla.

Tras ello, el Sevilla se vino arriba y sentenciaba, por lo que parecía, el encuentro en el minuto 33 con un cañonazo del delantero vallecano que lo celebró con la grada rojiblanca. Todo marchaba bien, hasta que un error del Medel hizo que Pabón recortara distancias antes del descanso.

"Tras el paso por el vestuario cambió todo".

Los chicos de Mel se hicieron prácticamente con la segunda mitad. Rubén Castro batió al meta rojiblanco tras un penalti inexistente por un empujón de Fazio. El Betis conseguía el segundo tanto y minutos después llegó la polémica. Medel expulsado por una disputa a Cañas, una trifulca en la que ambos no merecían lo que recibieron. Roja directa para el chileno y amonestación a Cañas. Los de Mel supieron aprovechar la superioridad numérica para encerrar al Sevilla en su área, y rozando el final del tiempo reglamentario, Nosa salvaba un punto con un cabezazo con el que conseguía estrellar el esférico al fondo de la red.

Un encuentro marcado sobretodo por una actuación arbitral muy criticada terminó con un 3-3 que deja al Sevilla en la décima posición y escalando puestos para aspirar a Europa.

Una original caja de autor bajo las entradas de Blogger

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sun, 14 Apr 2013 05:38:32 PDT

Anteriormente vimos como colocar una Caja de autor en las entradas de tu blog y hoy os muestro otra diferente y bastante original. Se trata de una caja que visualiza una imagen sobre el autor (personalizable) y al colocar el ratón o mousse sobre ella, se desliza y nos da paso al autor del blog, mostrándonos una descripción sobre el y sus diferentes Redes Sociales.

VER DEMO

Si quieres colocar esta original caja de autor en tu blog, sigue estos pasos:
1.- Plantilla - Editar HTML - buscamos (ctrl+f o F3)

<div class='post-footer-line post-footer-line-1'/> o en su lugar <div class='post-footer-line post-footer-line-2'/>

y justamente debajo pegamos lo siguiente:

<style>
.caja{
float:center;
}
.base {
position: relative;
width: 580px;
height: 150px;
margin: 10px auto;
background-color: #f7f7f7;
z-index: 1;
padding: 5px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
-mox-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.izquierda{
position: absolute;
background: #DBDCDE;
bottom: 0;
right: 50%;
left: 0;
top: 0;
border:1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.base:hover .izquierda{
right: 100%;
left: -50%;
}
.derecha{
position: absolute;
background: #DBDCDE;
bottom: 0;
left: 50%;
right: 0;
top: 0;
border:1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.base:hover .derecha{
left: 100%;
right: -50%;
}
.portada {
overflow: hidden;
}
.portada .izquierda {
background: url(https://lh6.googleusercontent.com/-mTJGoYJqYP8/UWmSYIdwnII/AAAAAAAALLY/8d-2KSjs7_c/s300/autor.jpg)#DBDCDE;
border:1px solid #F0F0F0;
}
.portada .derecha {
background: url(https://lh3.googleusercontent.com/-c7sIYCZLEss/UWmSXyUODHI/AAAAAAAALLU/Gcjlmd4b2k0/s300/autor1.jpg)#DBDCDE;
border:1px solid #F0F0F0;
}
.base img {
margin-top: 15px;
}
.contenido {
margin-top:-130px;
margin-left:200px;
}
</style>
<div class='caja'>
<div class='base portada'>
<div class='izquierda'>
</div>
<div class='derecha'>
</div>
<img src='https://lh5.googleusercontent.com/-wEmZIe0gpbg/UQEmSl4VaxI/AAAAAAAAINU/C7F0Oq6AsYs/s128/DSC02216.png'/>
<br/>
<div class='contenido'>
<span style='font-family: arial; font-size:16px; '>
Escrito por:
</span>
<span style='font-family: arial; font-size:18px; '>
<b>
<data:post.author/>
</b>
</span>
<p>
<span style='font-family: arial; font-size:12px; '>
Una pequeña descripción sobre ti........
</span>
</p>
<span style='font-family: arial; font-size:16px; '>
Sígueme en:
</span>
<a href='URL de tu Facebook'>
<b>
Facebook
</b>
</a>
|
<a href='URL de tu Twitter'>
<b>
Twitter
</b>
</a>
|
<a href='URL de perfil de Google+'>
<b>
Google+
</b>
</a>
</div>
</div>
</div>

CONFIGURACIÓN:
Cambiar ancho 580px sustituir por su propia medida
Cambio altura 150px sustituir por su propia medida
Cambiar color del fondo # f7f7f7 con color deseado o probar el generador de colores Html

Cambio de imágenes:
Las 2 primeras URL en rojas son las que muestran la parte izquierda y derecha de la caja estando cerrada. Sus medidas son de 300px por 150px, al ser el tamaño de la caja de 580px. Si queréis cambiar el ancho de la caja por menos pixeles, deberéis disminuir el tamaño de las imágenes para que no se descentren de la caja.
La tercera URL es la imagen del autor, debe ser de 128px por 128px.
Lo que está en negrita es fácil no? Una descripción sobre ti.

Redes Sociales:
Cambiar lo azul por vuestras diferentes URL de las redes sociales.

PD: Esta caja se ha habilitado para contener al autor del blog pero es totalmente personalizable para incluir en su interior cualquier cosa, desde una caja para compartir redes sociales hasta una para subscripción por email.

! Lo dejo a vuestra imaginación !

Widget contador de tus seguidores en las Redes Sociales

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sat, 13 Apr 2013 04:56:54 PDT

En esta entrada os voy a mostrar la forma de colocar un widget que nos informa del número de suscriptores que tenemos en cada una de nuestras redes sociales, los lectores de FeedBurner, los seguidores de Google+, los fans de Facebook y los seguidores de Twitter con un movimiento oscilante al colocar el ratón sobre cada icono.

El de Feedburner como el de Google+ son manuales, hay que introducirlos a mano, pero tanto el de Facebook como el de Twitter son automáticos.

Cómo instalar:

1.- Entrar en panel de administración - Diseño - Añadir un gadget HTML/Javascript y pega el siguiente código:

<style>
.contador a {display:block;height:50px;width:50px;padding:0 4px;float:left;
background:transparent url(https://lh4.googleusercontent.com/-sPGRSZXh1Mg/UWk1bkeTriI/AAAAAAAALJI/PMhqzZcY_NA/s454/contador.png ) no-repeat;
-webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all;cursor:pointer;}
.contador a.googleplus {background-position: 0px -58px;}
.contador a.googleplus:hover {background-position: 0px 0px;}
.contador a.twitter {background-position: 0px -290px;}
.contador a.twitter:hover {background-position: 0px -232px;}
.contador a.facebook {background-position: 0px -406px;}
.contador a.facebook:hover {background-position: 0px -348px;}
.contador a.rss {background-position: 0px -174px;}
.contador a.rss:hover {background-position: 0px -116px;}
</style>
<div class='contador'>
<div class="redesss" style="font-size:10px;font-weight: bold;text-align:center;font-family: Arial, Helvetica, sans-serif;">
<div style="width: 48px;float:left;margin-right:5px;">
<a class='rss' href="URL-FEED-FEEDBURNER" rel='external nofollow' target='_blank'></a>
<b style="font-size: 12px;">Número de lectores del feed</b> <br/>Lectores
</div>
<div style="width:48px;float:left;margin-right:5px;">
<a class='googleplus' href="URL-PERFIL-o-PÁGINA-GOOGLE+" rel='external nofollow' target='_blank'></a>
<b style="font-size: 12px;">Número-de-seguidores-Google+</b> <br/>Seguidores
</div>
<div style="width:48px;float:left;margin-right:5px;">
<a class='facebook' href="URL-DE-PÁGINA-FACEBOOK" rel='external nofollow' target='_blank'></a>
<b style="font-size: 12px;"><script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=XXXXXXXXXXXX"></script></b> <br/>Fans
</div>
<div style="width:48px;float:left;margin-right:5px;">
<a class='twitter' href="URL-DE-TWITTER" rel='external nofollow' target='_blank' ></a>
<b style="font-size: 12px;"><script type='text/javascript' src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=NOMBREDETWITTER"></script></b> <br/>Seguidores
</div>

2.- Realice los siguientes cambios:
Lo marcado en negrita por las URL de vuestras Redes Sociales y por los lectores y seguidores de ellos.
Lo marcado en rojo por vuestro nombre de Twitter
Lo marcado en azul por vuestro ID de la página de Facebook.
¿Como saber la ID de tu página?
Copia la siguiente dirección en la barra de navegación y añade al final el nombre de tu página:

http://graph.facebook.com/xxxxxxx

3.- Guardar y Listo.-

Verguenza verde

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Sat, 13 Apr 2013 02:20:35 PDT

No me lo esperaba.
De verdad que no me lo hubiera creído si me lo cuentan.
Lo del moreno, no me extraña, como sin en vez de él lo hace otro cualquiera con la indumentaria a rayas, lo mismo da ocho que ochenta, pero....
Lo de Mel...
Lo de Mel raya lo bochornoso. Un tío que en las ruedas de prensa es capaz de hacernos creer que lo bonito es más bonito y lo feo es aun más espectacular, ahora llega y tira por tierra con un simple gesto de desprecio toda la buena verborrea empleada en citas anteriores.
No señor Mel. Estas cosas se dejan para cuando uno llegue a casa y no para demostrarlas en público ante todo un país. La rabia se demuestra de otra forma y más siendo usted quien es y con el puesto que ocupa. Usted puede saltar de alegría, lógico.
Usted puede gritar gol a los cuatro vientos, lógico.
Usted puede recorrer la banda con los brazos al cielo, lógico.
Usted puede hacer una infinidad de cosas lógicas a sus sentimientos pero no puede usted gesticular como un barriobajero.
Solo espero Sr.Mel, que haya usted recapacitado y dado cuenta de su error. El dolor de un empate en casa no se lo va a quitar ni ese dedo ni nadie, o quizás es alegría por no haber recibido lo que parecía...otra manita.

Ahora los más acérrimos, aquellos a los que la verguenza les brilla por su ausencia, me dirán que no hizo más de lo que hizo Caparrós cuando se llevó los tres puntos con el Mallorca...sí...con el Mallorca, no con el Sevilla. Teniendo que recordar a aquellos que el utrerano fue continuamente insultado desde el fondo por lo tanto se defendió únicamente.
Pero Mel...ay Mel.
No te pegaba esa actitud. Ahora ya sí. Ya has demostrado lo que eres...un bético más, un eterno inferior, un aficionado verde dolido por la manita pasada y por la década completa. Un bético más como tantos y tantos que morirán con el dolor de haber visto al eterno superior conseguir cosas importantes, mientras ellos se limitan a intentar quedar por encima, llorar y dejar pasmada ante toda España como se las gasta el equipo simpático que ya no lo es tanto.

Lo siento Pepe Mel....otra vez será y el sufrimiento será tuyo porque el nuestro es solamente sacar brillo a tantos trofeos de nuestras vitrinas.

La noche mágica de Medel

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Fri, 12 Apr 2013 19:16:39 PDT

Noche para olvidar la de Gary Medel.
Un fallo suyo mete al Betis en el partido en las postrimerías del partido y otra trifulca del chileno termina con las esperanzas de salir del Villamarín goleando al eterno rival.

Partido con un tiempo para cada equipo, si bien el segundo tiempo fue del Betis gracias a la injusta expulsión de Medel, o al menos debía haber expulsado a ambos jugadores participantes, Medel y Cañas.

Partido muy completo de Rakitic, no sólo por sus goles sino ya también por su juego y su visión del mismo. Partido en líneas generales bueno en defensa.
Sea como sea, se te queda cara de tonto después de ir ganando con tanta ventaja y dejar escapar los puntos.
Derby con goles, polémicas, buen juego, injusticias, piques......
En resumidas cuentas, lo que es un derby sevillano.

Como positivo, pensar que no han sido capaces de ganar a este pobre Sevilla esta temporada en la que le hemos metido ocho goles y hemos recibido cuatro.

"Nueva edición" en el Editor HTML de la plantilla de Blogger.

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Thu, 11 Apr 2013 04:30:11 PDT

Desde hace unas horas los ingenieros de Blogger han lanzado definitivamente las nuevas mejoras en el editor HTML de las plantillas. Veamos que hay de nuevo en este editor.

Como la mayoría de Blogger sabemos, hay dos tipos de editores, uno para desarrollar nuestras entradas o artículos y otro para la edicción o personalización de nuestra plantilla. De este último, veremos las nuevas mejoras que se han realizado.

Podemos acceder al editor desde Panel de control >> Plantillas >> Editar HTML.

1.- Líneas de numeración: Anteriormente no existían y cuando nos equivocábamos en algún código nos mostraba "Error de análisis XML, línea 217, columna 2", ahora con la nueva numeración nos ayudará a encontrar la ubicación exacta del error y corregirlo más facilmente.

2.- Causas del error: Nos muestra exastamente donde se ha producido dicho error de cierre y que etiqueta ha sido la responsable.
Ejemplo, se nos olvidó de cerrar la etiqueta del style correctamente y tratando de obtener una vista previa de la plantilla el editor nos la muestra.

3.- Sintaxis de colores: Nos muestra diferentes colores para comprender mejor la ectructura de la plantilla (estilos, condicionales, div, id, clas, etc...)

4.- Ir al widget: A mi entender creo que es la mejor mejora realizada en el editor ya que nos ayudará a averiguar la codificación de ciertas partes del blog.

5.- Códigos plegados: Otra parte interesante en el nuevo editor la cual nos permite tener plegada toda la plantilla y dedicarnos abiertamente a la parte que estamos modificando. Con la flecha podemos ocultar o mostrar el código que deseemos modificar.

6.- Plantilla de formato: Practicamente hace el mismo trabajo que antes "Expandir plantillas de artilugio"

Todo esto es lo que Blogger ha incorporado al nuevo editor HTML.

¿Que te ha parecido el nuevo editor?

Caja de suscripción más redes sociales en blogger

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Tue, 09 Apr 2013 04:54:40 PDT

En el día de ayer os mostre una Caja de Suscripción con Redes Sociales y hoy os muestro otra completamente diferente. El objetivo principal de estas cajas consiste en aumentar, si es posible, el tráfico de nuestros blog de varias formas, mediante suscripciones al blog y conseguir más fans en las diferentes Redes Sociales (Facebook, Twitter, Google+). También lleva incorporados los botones para compartir la entrada en dichas redes.

Ver Demo

Comencemos.

Paso 1: Vamos a Blogger Plantilla- Edicion HTML- Expandir Plantilla de Artilugios
Paso 2: Buscamos la Siguiente linea (Ctrol + F)

]]></b:skin>

Y justamente antes colocamos el siguiente código CSS

form.emailform{margin:20px 0 0;display:block;clear:both;}
.amortext{
background:url(http://3.bp.blogspot.com/-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE/dkyZEzF2HIw/s28/w2b-mail.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;color:#666;font-weight:bold;text-decoration:none;
border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 2px #CCC inset;-webkit-box-shadow: 1px 1px 2px #CCC inset;box-shadow: 1px 1px 2px #CCC inset;}
.amorboton{color:#666;font-weight:bold;text-decoration:none;padding:6px 15px;border:1px solid #D3D3D3;cursor: pointer;
-moz-border-radius: 4px;-webkit-border-radius: 4px;-goog-ms-border-radius: 4px;border-radius: 4px;background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB',endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}
#caja {
-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;-goog-ms-border-radius: 10px 10px 10px 10px;border-radius: 10px;background: none repeat scroll 0 0 transparent;border: 1px solid #D3D3D3;padding: 8px;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width:95%;}
#caja:hover{background: none repeat scroll 0 0 #F3F2F2;-moz-box-shadow: 1px 1px 2px #CCC inset;-webkit-box-shadow: 1px 1px 2px #CCC inset;box-shadow: 1px 1px 2px #CCC inset;}
.redes { margin:5px auto 10px; text-align:left;}
.redes .fac, .redes .twi, .redes .goo { width: 100px; overflow:hidden; zoom: 1; *display: inline; display: inline-block; vertical-align: top;}.redes .goo { width:60px;}
.social-rss,.social-email, .social-twitter, .social-facebook, .social-google{ background: url(http://i17.servimg.com/u/f17/13/20/23/83/sin_ta10.png) no-repeat top left; }
.social-facebook{ background-position: 0 0; width: 44px; height: 44px; float:left;}.social-facebook:active{ background-position: -48px 0; width: 44px; height: 44px;}.social-facebook:hover{ background-position: -48px 0; width: 44px; height: 44px;}.social-twitter{ background-position: -96px 0; width: 44px; height: 44px; float:left;}.social-twitter:active{ background-position: -150px 0; width: 44px; height: 44px;}.social-twitter:hover{ background-position: -150px 0; width: 44px; height: 44px;}.social-google{ background-position: -202px 0; width: 44px; height: 44px;float:left;}.social-google:active{ background-position: -251px 0; width: 44px; height: 44px;}.social-google:hover{ background-position: -251px 0; width: 44px; height: 44px;}.social-rss{ background-position: -302px 0; width: 44px; height: 44px; float:left;}.social-rss:active{ background-position: -355px 0; width: 44px; height: 44px;}.social-rss:hover{ background-position: -355px 0; width: 44px; height: 44px;}.social-email{ background-position: -405px 0; width: 44px; height: 44px; float:left;}.social-email:active{ background-position: -456px 0; width: 44px; height: 44px;}.social-email:hover{ background-position: -456px 0; width: 44px; height: 44px;}

Paso 3: Justo por debajo de <div class='post-footer-line post-footer-line-1'/> o <div class='post-footer-line post-footer-line-2'/> pegamos el siguiente codigo:

<b:if cond='data:blog.pageType == "item"'>
<div id='caja'>
<table width='100%'><tbody>
<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana; color:#000;'>Te ha gustado este artículo..?</span><tr><td>
<div class='redes'>
<div class='fac'><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=true&width=120&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:120px; height:25px'/>
</div>
<div class='twi'> <a class='twitter-share-button' data-count='horizontal' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </div>
<div class='goo'> <g:plusone size='medium'/> </div></div></td></tr><tr>
<td align='left'> <p style='color:#000; font-style:italic; margin:0px 0px 5px 0px; '>Recibe nuestros artículos por Email!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=amorsevillista', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='amorsevillista'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='amortext' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Ingresa tu email...'/>
<input alt='' class='amorboton' title='' type='submit' value='Enviar'/></form></td>
<td><p style='color:#000; font-style:italic; font-size:18px; margin:0px 0px 5px 20px; '>Síguenos!</p>
<div class='iconos'><a href='http://nombre-de-tu-blog.blogspot.com/feeds/posts/default?alt=rss' rel='nofollow' target='_blank' title='Suscribete y no te pierdas nuestros articulos!!!'><span class='social-rss'/></a> <a href='https://www.facebook.com/nombre-de-facebook' rel='nofollow' target='_blank' title='Síguenos en Facebook'><span class='social-facebook'/></a> <a href='https://plus.google.com/u/0/numeros-del-perfil-de-google/posts' rel='nofollow' target='_blank' title='síguenos en google+'><span class='social-google'/></a><a href='https://twitter.com/nombre-de-twitter' rel='nofollow' target='_blank' title='Síguenos en Twitter, interactuar es facil'><span class='social-twitter'/></a>
<a href='mailto:tu-email' rel='nofollow' target='_blank' title='Email'><span class='social-email'/></a>
</div></td></tr></tbody></table></div></b:if>

Realiza estos cambios:
Cambia los dos textos que están marcados de color rojo amorsevillista por el nombre de tu feedburner de suscripciones.
Cambia los 5 links que están marcados de color azul por los links correspondientes de tus redes sociales

Ahora dale un clic en “Guardar plantilla” y abre cualquier entrada de tu blog para que veas tus cambios.

Nota: Al realizar este truco los cambios no son visibles en vista previa porque solo son visibles en páginas individuales.

Si te ha gustado este artículo clic aquí para suscribirse gratis a través de nuestro correo electrónico, de esta forma recibirás un envío por cada nuevo artículo publicado o compártelo en las diferentes redes sociales.

Con dos huevos....

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Mon, 08 Apr 2013 15:06:02 PDT

Partidazo.

Dos equipos con ganas de ganar, con ganas de agradar y con los "huevos" bien puestos.
Tanto el Sevilla como el Athletic han querido demostrar esta noche que estaban diseñados para algo más que la mitad de la tabla.
Partido de infarto hasta el último minuto y en el que cualquiera de los dos han podido llevarse los tres puntos.
Por sacar puntos positivos a nuestro equipo, que en el fondo es el que nos interesa, habrá que reseñar los diecisiete goles de Negredo esta temporada y que hoy con sus dos dianas, pudieron ser alguna más, nos ha dado los tres puntos en juego. La vuelta de Perotti para ayudar en este último tramo de liga. El estado de gracia por el que vuelve a estar Reyes. Le cuesta al utrerano entrar en juego pero siempre deja destellos de su inmensa calidad. La pierna derecha de Rakitic, cada vez más guante de seda. La templanza en el corte y la salida de Kondogbia y por supuesto el trabajo a destajo de nuestro Pittbull chileno.

Partido importante y aun más los puntos para seguir soñando con Europa como en antaño hacíamos y tanto nos ilusionaba. Partido importante para afrontar el derby con ganas, aun más si caben, y con la impaciencia de que llegue el viernes para ver de lo que somos capaces este año frente al eterno rival.

El viernes hablamos.

Caja de Suscripción más Entradas Relacionadas más Redes Sociales debajo de Cada Entrada

noreply@blogger.com (http://amorsevillista.blogspot.com/) — Tue, 09 Apr 2013 04:30:38 PDT

En esta entrada os voy a mostrar la forma de colocar una caja de suscripción + entradas relacionadas + redes sociales para compartir ( google+, facebook, twitter).

Ver Demo

Comencemos.

Paso 1: Vamos a Blogger Plantilla -Edicion HTML -Expandir Plantilla de Artilugios
Paso 2: Buscamos la Siguiente linea (Ctrol + F)

]]></b:skin>

Y justamente antes colocamos el siguiente código CSS

#related{background:#EFEEEE; border:1px solid #ccc; border-bottom:1px solid #444; margin:0 0 5px;padding:10px;width:100%}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:18px 0;padding:0px}
#related .related-posts{font-weight:400;width:50%;float:right}
#related .related-posts p{margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
#related-posts li{margin:0 13px}
ul#related-posts li a{border:3px solid #ccc;display:block;height:70px;position:relative;width:70px;color:#00000;text-decoration:none;}
ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#related .subscribe{width:47%;float:left;color:#000;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(http://lh3.ggpht.com/_pt7i0nbIOCY/SuPmf8r8eqI/AAAAAAAACXM/BYjbuwVwxas/FeedIcon-16_thumb.gif) 0 50% no-repeat;vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

Paso 3: Justo por debajo de <div class='post-footer-line post-footer-line-1'/> o <div class='post-footer-line post-footer-line-2'/> pegamos el siguiente codigo:

<b:if cond='data:blog.pageType == "item"'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>Entradas Relacionadas</p>
<script type='text/javascript'>
var defaultnoimage="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
var maxresults=6;
</script>
<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div>
<div class='subscribe'>
<p class='intro'>Si te ha gustado esta entrada </p>
<p class='feed'><a href='http://amorsevillista.blogspot.com/feeds/posts/default'>Subscríbete via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=amorsevillista', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='amorsevillista'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' type='text' value='Entra tu email....'/>
<input id='botsubbutton' type='submit' value='Enviar'/><br/>
<br/>
</form>
<div style='padding:10px 0 5px 0;clear:both;'>
<g:plus action='share' annotation='vertical-bubble' expr:href='data:post.url'/>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=box_count&show_faces=true&width=70&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:70px; height:59px'/>
<a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</div>
</b:if>

Cambios:
Color azul: sustituir por vuestra URL del blog.
El color rojo: sustituir por la dirección de vuestro nombre de Feedburner
background:#EFEEEE; border:1px solid #ccc; Color del fondo de la caja y del borde
height:70px y width:70px Tamaño de las imágenes en miniatura

Paso 4: Guardamos los Cambios efectuados en nuestra Plantilla y listo a disfrutar de nuestra caja de Suscripciones, Entradas Relacionadas y Redes Sociales.

Nota: Al realizar este truco los cambios no son visibles en vista previa porque solo son visibles en páginas individuales.