Quantcast
Channel: Amor Sevillista
Viewing all 339 articles
Browse latest View live

Menú expandible con CSS

0
0

He visto muchos menús desplegables por internet.. muy chulos, pero muy complicados para mi gusto, asi que voy a explicar como hacer un menu horizontal desplegable sencillito y funcional, tán solo con html y css.
 Está todo configurado para colocar en un gadget HTML, tan solo cambiando las direcciones url y los títulos que le queráis colocar.
Os he dejado algunos link colocados para ver en todo momento los resultados, clasificaciones y medios del Sevilla FC.

Todo es adaptable a vuestros blog, ancho, colores etc....Así que lo colocamos en el Gadget, y..... apañao.
No es para decir: !Uy que chulo que bonito que está!, pero todo es empezar.

Para ver su demostración, copia el código y pégalo en Pruebas HTML
<style type="text/css">
ul#menu-horizontal li {
float: left;
display: inline;
position: relative;}
ul#menu-horizontal ul {
display: none;
position: relative;
top: 14;
left:0;
margin:0;
padding:0;
background:#FFFFFF;}
ul#menu-horizontal ul li {
display: block !important;}
ul#menu-horizontal li:hover ul{
display: none;}
ul#menu-horizontal li:hover ul{
display: block;}
#menu-horizontal {
width:980px;/* ancho barra */
margin:0 auto;}
#menu-horizontal li {
margin:0 1px;
width:110px;/* ancho separacion entre link */
min-height:19px;
text-align:center;
background:#000;/*color fondo */
list-style:none;
padding:2px 0;}
#menu-horizontal li:hover {
background:#770404;/* color fondo expandible */}
#menu-horizontal li a {
font:NORMAL 12px sans-serif;/* tamaño letra */
color:#FFF;
text-decoration:none;}
#menu-horizontal li ul li{
float:none;
width:110px;/* ancho separacion del expandible */
margin:1px 0;}
</style>
<ul id="menu-horizontal">
<li><a href='dirección de tu blog/'title=''>INICIO</a></li>
<li><a >SEVILLA F.C.</a><ul>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url'title=''>título</a></li>
<li><a class="barraMenu" onclick="window.open(this.href, this.target, 'width=280,height=580,top=20px,left=100px'); return false;" href="http://www.sevillistasporelmundo.com/clasificacionprimeradivision-h31.htm">Clasificación 1ª</a></li>
<li><a class="botonMenu" onclick="window.open(this.href, this.target, 'width=270,height=300,top=20px,left=100px'); return false;" href="http://www.sevillistasporelmundo.com/resultadosprimeradivision-h29.htm">Resultados 1ª</a></li>
<li><a href='direccion de tu calendario'title=''>Calendario</a></li></ul>
<li><a>SEVILLA ATLT.</a><ul>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a class="botonMenu" onclick="window.open(this.href, this.target, 'width=370,height=455,top=20px,left=100px'); return false;" href="http://www.sevillistasporelmundo.com/clasificacion-2b-h36.htm">Clasificación 2ªB</a></li>
<li><a class="botonMenu" onclick="window.open(this.href, this.target, 'width=270,height=260,top=20px,left=100px'); return false;" href="http://www.sevillistasporelmundo.com/resultados-2b-h35.htm">Resultados 2ª B</a></li></ul></li>
<li><a>SEVILLA C.3ªG-10</a><ul>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a class="botonMenu" onclick="window.open(this.href, this.target, 'width=280,height=455,top=20px,left=100px'); return false;" href="http://www.sevillistasporelmundo.com/clasificacion-3-grupo-10-h38.htm">Clasificación 3ª</a></li>
<li><a class="botonMenu" onclick="window.open(this.href, this.target, 'width=270,height=260,top=20px,left=100px'); return false;" href="http://www.sevillistasporelmundo.com/resultados-3-grupo-10-h37.htm">Resultados 3ª</a></li></ul></li>
<li><a>S.F.C FEMINO</a><ul>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a class="botonMenu" onclick="window.open(this.href, this.target, 'width=470,height=200,top=20px,left=100px'); return false;" href="http://www.sevillistasporelmundo.com/h33-clasificacion-femino">clasificacion</a></li></ul></li>
<li><a>LA CANTERA</a><ul>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a>
</li></ul></li>
<li><a >MEDIOS SFC.</a><ul>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a class="botonMenu" onclick="window.open(this.href, this.target, 'width=460,height=340,top=10px,left=150px'); return false;" href="http://www.sevillistasporelmundo.com/h52-sfctv" target=_blank>SFC TV</a></li>
<li><a class="botonMenu" href="http://www.emisorasonline.net/conexion/511sevillaPGA598754/index.htm" target="_blank" onclick="window.open(this.href, this.target, 'width=380,height=10'); return false;">SFC Radio</a></li>
<li><a href='enlace url' title=''>titulo</a></li></ul></li>
<li><a>MULTIMEDIA S.F.C.</a><ul>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li>
<li><a href='enlace url' title=''>titulo</a></li></ul></li>
</li></li></ul>


POKER ROJIBLANCO (Sevilla F.C. 4-0 Zaragoza)

0
0
Sevilla F.C. 4-0 Zaragoza
Sevilla F.C. 4-0 Zaragoza
Victoria pasada por lluvia. Los de Emery se colocan plácidamente en opciones a puestos europeos.

Comenzó el encuentro en el Sánchez Pizjuán y los sevillistas hicieron de las suyas. Aprovechando la confusión de los maños, se vio claramente la superioridad. Los locales escribían las notas sobre este pentagrama.

Cuatros minutos decisivos fueron la clave del encuentro. Corría el minuto 27, Rakitic botaba una falta ensayada con Negredo que acabaría en pies defensivos y perdida en pocos segundos. El balón llegó a las botas de Coke que firmaba el primer tanto de la tarde. Babovic veía la segunda amarilla por un claro agarrón a Kondogbia y era expulsado.

Con una hora por delante y en superioridad numérica se abrió la lata. Ante un equipo plagado de lagunas, los hispalenses se hicieron fuertes. Coke, por partida doble firmaba su primer doblete en liga, Reyes y Negredo se unieron a la fiesta y culminaron la goleada.

Una segunda mitad muy intensa. Los zaragocistas debían aprovechar cualquier opción a gol pero los locales se adelantaban a sus jugadas. El 2-0 había matado a los de Jiménez pero la cosa no quedaba ahí. Los últimos treinta minutos de partido fueron para los maños una auténtica tortura. Los sevillista encontraban el tanto a cada contra pero solo se culminó la jugada en gol en dos ocasiones, una de Reyes tras una asistencia de Navas y otra de Negredo, que no quiso faltar a su cita con el gol.

El Zaragoza se sitúa a dos puntos del descenso. La derrota en el Pizjuán solo le deja una alternativa. Debe empezar a ganar partidos y los siguientes encuentros son ante el Madrid y el Barça. Los de Jiménez lo tienen complicado. Por otro lado, Emery continúa con su objetivo, Europa. Cómodamente, tras el empate del Levante, el Sevilla se posiciona en la décima plaza y escalando para alcanzar puestos europeos.

El Sevilla se recolocó en condiciones de luchar por entrar en competiciones europeas a costa de un Zaragoza por completo inoperante en ataque y que acusó la expulsión de Babovic a la media hora de juego.

1890. Será lo que los Sevillistas quieran que sea

0
0

Pergamino-sevillafc

Presidente, la historia de tu club te está esperando....

Comandaste la copa que vino desde Glasgow por el Guadalquivir, y otras muchas.
Escocia se congració contigo y te da otra oportunidad de engrandecer la Historia de tu club, proclamando su auténtico origen.
Han pasado 123 años y podrán pasar más, pero el reconocimiento de la fecha del 25 de enero de 1890 es un camino sin vuelta atrás.



lo has dicho“el Sevilla será lo que los sevillistas quieran que sea.”
DEL NIDO
Ver Video

Un club serio y señor no hace las cosas a la ligera.
El Sevilla Fútbol Club, con su presidente y el Consejo de Administración a la cabeza, se ha tomado muy en serio la historia de nuestro club.
Últimamente se han dado pasos muy importantes en los descubrimientos relativos a nuestra constitución.
Desde dentro, el Área de Historia del Sevilla Fútbol Club, presentó una amplia documentación al presidente.


La comunidad académica, reunida en el Paraninfo de la Universidad de Sevilla llegó a las siguientes conclusiones:
1).- Que no puede afirmarse categóricamente que la ausencia de noticias deportivas sobre un club en la prensa de finales del siglo XIX y principios del XX equivalga a su desaparición. El deporte apenas si tenía presencia en los Ecos de Sociedad, y eso sólo cuando la clase social de sus miembros lo merecía. En Sevilla, el hecho de que el fútbol fuese una actividad practicada mayoritariamente por extranjeros y de forma semiclandestina dificultaba el conocimiento y el interés del periodismo, al no ser noticiable. Los datos que se conocen fueron publicados en la prensa no sevillana y extranjera.

3).- Que el Sevilla F.C. se fundó el 25 de enero de 1890 por británicos y españoles. Desde ese instante, como cualquier sociedad de su tiempo, combinó periodos álgidos de actividad con otros sin rastro de noticias públicas. A partir de 1900 son constantes las informaciones sobre su recuperación con el mismo nombre y filosofía, en un proceso que transita desde las elites británicas a la ilusión regeneracionista, y que culmina el 14 de octubre de 1905, pero que es pilotado por las mismas personas e instituciones de siempre: el Vice-cónsul Johnston, los Langdon (padre e hijo), familiares y socios de negocios mutuamente vinculados, José Montes Sierra, la Naviera MacAndrews, la Sevilla Water Works y, sobre todo, su entidad nodriza, el Círculo Mercantil e Industrial de Sevilla.
2)- Que el registro de los clubes en el Gobierno Civil no condicionaba su nacimiento. Se trataba de un trámite de naturaleza meramente declarativa y no constitutiva. Clubes de fútbol nacidos en el siglo XIX en España, en ciudades como Huelva, Sevilla o Barcelona, no se inscribieron en el Registro hasta comienzos del siglo XX, en 1903 y 1905 respectivamente. Su proceso fundacional, desde el punto de vista jurídico, sigue un patrón idéntico, en los tres casos y, por lo tanto, debe seguirse el mismo criterio para todos en cuanto al reconocimiento de su antigüedad.


4)- Que según todos los datos expuestos, el Sevilla F.C. nacido en 1890 es el mismo club que el Sevilla F.C. actual. El club sevillista no fue el primero en constituirse, por tanto, no es el Decano del fútbol español ni pretende serlo, siendo ello un honor muy respetable que corresponde a otros, y que desde aquí ni se pone en duda ni se quiere polemizar. El hecho de que se haya tardado más de cien años en poder acreditar su antigüedad decimonónica no debe privar al Sevilla F.C. del debido reconocimiento que la Historia le tenía reservado.



Que la Universidad de Sevilla y el catedrático de Historia, Rafael Sánchez Mantero, unidos a este reputado historiador del fútbol como Vicent Masià o el periodista de ABC, José María Aguilar, ganador del último premio José Antonio Blázquez que entrega el Sevilla FC anualmente, y con el profesor de Derecho Mercantil, José Manuel García-Quílez oficialicen a través de los datos que hoy se han dado aquí, el nacimiento del Sevilla FC, debe vanagloriarnos a todos los sevillistas. Yo he dicho muchas veces desde que llegué a ser presidente que el Sevilla será lo que los sevillistas quieran que sea. El equipo de Historia del Sevilla FC y refrendados por el catedrático Sánchez Mantero ha hecho un trabajo que solo se puede hacer desde el conocimiento y el sentimiento. Ellos solo saben las horas que le han dedicado para que estos datos que se han descubierto y que me entregaron en un amplio dossier hace un par de semanas vean la luz en próximas fechas, tendrán el apoyo del Sevilla FC para hacerlos llegar a cuantos organismos sean necesarios, a fin de que se pueda constatar la fecha exacta del nacimiento del Club”.
(José María del Nido Benavente, presidente del Sevilla Fútbol Club S.A.D. al cierre de la I Jornada “Historia y Deporte” en el Paraninfo de la Universidad de Sevilla).

“Será lo que los sevillistas quieran que sea”

Presidente, los sevillistas queremos ser de 1890, nos lo merecemos y queremos serlo bajo tu presidencia. Igualmente te lo mereces por el impulso que le has dado a la Historia del club.
Adelante, sigamos andando el camino, ahora.

En Twitter: #somosde1890


Mostrar primera letra del post con mayor tamaño

0
0

Esto es truco que da bastante presencia a nuestras entradas y da lugar a que la primera letra de nuestro post se muestre con un tamaño bastante superior al resto de las demás.

Su instalación es muy sencilla y nos permitirá mostrar la letra inicial del artículo con un estilo distinto, pudiendo escoger su color, tamaño, estilo, tipo de fuente...

Es fácil, no tienes que modificar nada en la plantilla, solo colocar el siguiente código al crear la entrada:

<span style="color:#000000; float: left; font-family: Times New Roman; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;"> E</span>

Configuración:
1.- #000000: Color de la letra, sustituye #000000 por el código de tu color favorito ver tabla de colores).
2.- font-size: 50px:Tamaño de la letra, reemplazamos 50px por un valor mayor o menor.
3.- Times New Roman: Representa el nombre de la fuente de texto, puedes editarla por cualquier otra. Aquí unos ejemplos: Arial, Trebuchet MS, Times New Roman...
4.-E: Es la primera letra a mostrar.

!!! A disfrutarla !!!

Menú verticales solo con CSS

0
0
menu-vertical

Este es un menú vertical hecho sólo con CSS, no tiene nada de Javascript, así que para aquellos que prefieren las cosas simples esta es una buena opción para organizar las etiquetas del blog o cualquier enlace.

Colocarlo es bastante sencillo, entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pegas el código del menú que más te agrade.

Menú 1
<style>#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin: 10px; border-style: solid; border-color: #656556; border-size: 1px; border-width: 1px; } #menu8 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu8 li a:link, #menu8 li a:visited { color: #656556 ; display: block; background: url(http://lh4.ggpht.com/_7wsQzULWIwo/Sze73NFcouI/AAAAAAAACrg/jhptyKy73yg/s800/menu8.gif) ; padding: 8px 0 0 20px; } #menu8 li a:hover { color: #474739; background: url(http://lh4.ggpht.com/_7wsQzULWIwo/Sze73NFcouI/AAAAAAAACrg/jhptyKy73yg/s800/menu8.gif) 0 -32px; padding: 8px 0 0 20px; }</style>

<div id="menu8"><ul><li><a href="#1">ENTRADA 1</a></li> <li><a href="#2">ENTRADA 2</a></li> <li><a href="#3">ENTRADA 3</a></li> <li><a href="#4">ENTRADA 4</a></li> <li><a href="#5">ENTRADA 5</a></li> </ul></div>

menu-vertical
Menú 2
<style>
#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; margin: 10px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #fff; display: block; background: url(http://lh5.ggpht.com/_7wsQzULWIwo/Sze8BFiRUuI/AAAAAAAACsQ/TSV9un0iQfE/s800/menu14.gif) 0 -32px; padding: 8px 0 0 10px; } #menu2 li a:hover { color: #333; background: url(http://lh5.ggpht.com/_7wsQzULWIwo/Sze8BFiRUuI/AAAAAAAACsQ/TSV9un0iQfE/s800/menu14.gif); padding: 8px 0 0 10px; }
</style>

<div id="menu2"><ul><li><a href="#1">Entrada 1</a></li> <li><a href="#2">Entrada 2</a></li> <li><a href="#3">Entrada 3</a></li> <li><a href="#4">Entrada 4</a></li> <li><a href="#5">Entrada 5</a></li> </ul></div>

menu vertical
Menú 3
<style>
#menu1 ul { list-style: none; margin: 0; padding: 0; } #menu1 img { border: none; } #menu1 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px; } #menu1 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #CCC; display: block; background: url(http://lh3.ggpht.com/_7wsQzULWIwo/Sze7wCsfFbI/AAAAAAAACrA/CQZ7RK4zKgQ/s800/menu4.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(http://lh3.ggpht.com/_7wsQzULWIwo/Sze7wCsfFbI/AAAAAAAACrA/CQZ7RK4zKgQ/s800/menu4.gif) 0 -32px; padding: 8px 0 0 10px; }
</style>

<div id="menu1"><ul><li><a href="#1">Entrada 1</a></li> <li><a href="#2">Entrada 2</a></li> <li><a href="#3">Entrada 3</a></li> <li><a href="#4">Entrada 4</a></li> <li><a href="#5">Entrada 5</a></li> </ul></div>

menu vertical
Menú 4
<style>
#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; margin: 10px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #8D9179; display: block; background: url(http://lh3.ggpht.com/_7wsQzULWIwo/Sze6kFX7HII/AAAAAAAACqI/yAWa9ZgZMPU/s800/menu6.gif); padding: 8px 0 0 10px; } #menu4 li a:hover, #menu4 li #current, #menu4 li a:active { color: #6C7250; background: url(http://lh3.ggpht.com/_7wsQzULWIwo/Sze6kFX7HII/AAAAAAAACqI/yAWa9ZgZMPU/s800/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
</style>

<div id="menu4"><ul><li><a href="#1">ENTRADA 1</a></li> <li><a href="#2">ENTRADA 2</a></li> <li><a href="#3">ENTRADA 3</a></li> <li><a href="#4">ENTRADA 4</a></li> <li><a href="#5">ENTRADA 5</a></li> </ul></div>

menu vertical
Menú 5
<style>
#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 22px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #666; display: block; background: url(http://lh6.ggpht.com/_7wsQzULWIwo/Sze7-X35bvI/AAAAAAAACsA/RWo_eC1a6l8/s800/menu12.gif); padding: 10px 0 0 35px; } #menu5 li a:hover { color: #000; background: url(http://lh6.ggpht.com/_7wsQzULWIwo/Sze7-X35bvI/AAAAAAAACsA/RWo_eC1a6l8/s800/menu12.gif) 0 -32px; padding: 10px 0 0 35px; }
</style>


<div id="menu5"><ul><li><a href="#1">ENTRADA 1</a></li> <li><a href="#2">ENTRADA 2</a></li> <li><a href="#3">ENTRADA 3</a></li> <li><a href="#4">ENTRADA 4</a></li> <li><a href="#5">ENTRADA 5</a></li> </ul></div>

menu vertical
Menú 6
<style>
#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin-top: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #E5E8D4; display: block; background: url(http://lh4.ggpht.com/_7wsQzULWIwo/Sze6w7o9FdI/AAAAAAAACqg/Cg0-bPbIR-k/s800/menu9.gif); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current { color: #725033; background: url(http://lh4.ggpht.com/_7wsQzULWIwo/Sze6w7o9FdI/AAAAAAAACqg/Cg0-bPbIR-k/s800/menu9.gif) 0 -32px; padding: 8px 0 0 10px; } #menu6 li a:active { color: #fff; background: url(http://lh4.ggpht.com/_7wsQzULWIwo/Sze6w7o9FdI/AAAAAAAACqg/Cg0-bPbIR-k/s800/menu9.gif) 0 -64px; padding: 8px 0 0 10px; }
</style>


<div id="menu6"><ul><li><a href="#1">ENTRADA 1</a></li> <li><a href="#2">ENTRADA 2</a></li> <li><a href="#3">ENTRADA 3</a></li> <li><a href="#4">ENTRADA 4</a></li> <li><a href="#5">ENTRADA 5</a></li> </ul></div>

Configuración:
width: 200px Anchura del menú (aumentar o disminuir segun sidebar)

<li><a href="#1">Entrada 1</a></li>

#1 Url de la dirección que desees mostrar
Entrada 1 Título de la palabra que desees mostrar

Cómo habilitar las notificaciones de los comentarios en Blogger

0
0
comentarios blogger email

Activar las notificaciones por correo electrónico de los comentarios de Blogger es una de las mejores maneras de conocer directamente cuando nos dejan un comentario en nuestro blog,  así podemos controlar los comentarios no deseados y suprimirlos, si procede.
Blogger tiene una característica incorporada que nos permite activar o desactivar cualquiera de las notificaciones en cualquier momento. En este artículo te quiero mostrar cómo habilitar las notificaciones de los comentarios en Blogger?

Accede a tu escritorio de Blogger. Selecciona el blog en el que desea habilitar las notificaciones de comentarios, vaya a: Ajustes »Móvil y Correo Electrónico. Introduzca la dirección de correo electrónico en el cuadro de texto impreso al lado del "Correo para notificar los comentarios". Puede introducir hasta diez direcciones de correo electrónico, separadas por comas. Blogger le enviará estas direcciones cuando alguien deja un comentario en su blog.

Cuando termine de introducir la dirección de correo electrónico, pulse la naranja"Guardar configuración" situado en la esquina superior derecha de la pantalla. Ahora cada vez que alguien deja un comentario en su sitio automáticamente recibirá notificaciones en sus direcciones de correo electrónico asignados.

Recibiréis un correo electrónico similar a este:
email

Espero que este pequeño consejo te ayude a hacer frente a los comentarios de spam que dejen en tu blog. Lo siguiente que puedes hacer para proteger tu Blog de spam, consiste en habilitar la moderación de los comentarios.

Monotonía y aburrimiento

0
0
Levante-sevilla

Más de lo mismo que llevamos viendo toda la temporada.
Dominio de balón, más porcentaje de posesión que el rival pero sin saber finalizar las jugadas con éxito, mientras el rival, se llame como se llame, llega un par de veces y la cuela dentro.

Esta es nuestra receta para los partidos a domicilio, y lo peor es cuando el rival se llama Levante.
¿Quién es el Levante?.
Que me perdonen los granotas pero con todos mis respetos no me queda más remedio que hacerme esa pregunta. Un Levante con poquísima experiencia en Primera División, con la única vitola de haber llegado más lejos de la cuenta en UEFA y con las ganas de un equipo que sin eso sería carne de Segunda División.
Es por esto por lo que aun "jode" más que perdamos los puntos en juego, que perdamos ocasiones de gol tan claras como las de hoy en las botas de Reyes, Negredo....

Es difícil pensar que nos clasifiquemos para algo este año. Quizás lo más sensato sea buscar la salvación lo antes posible para, por lo menos, haber conseguido algún objetivo secundario.
Ya sabemos lo que significa no jugar competición europea el año que viene. Pues significa desvandada a espuertas....Rakitic, Negredo, Navas, Kondogbia, Fazio....son algunos a los que repercutirá casi con toda seguridad la pésima temporada de nuestro equipo. Repercutirá en forma de salida a buscar otros aires. Y nosotros a empezar desde cero, a intentar forjar de nuevo lo que teníamos y que tantas alegrias nos dio.

Hablamos de salidas y no me queda más remedio que traer a mi mente a Babá. ¿Qué ha pasado con este futbolista?. ¿Dónde está esa futura estrella?. ¿Qué ha hecho en el Sevilla?.
Por mucho menos nos hemos desecho de futbolistas canteranos con proyección....Rodri, Luis Alberto, Luna...
Pero si me acuerdo de Babá, también rememoro a Perotti, Hervás, Botía. Jugadores todos a los que hay que largar sí o sí.
¿Quién es el Levante?...
Ya sé quien es...el equipo que se ha quedado con los tres puntos esta noche ante otro equipo sin ideas, sin finalización, tedioso, aburrido, monotono, previsible y podría llevarme mucho tiempo colocando adjetivos pero....no tengo ganas de aburrirme aun más.

Como crear un feed en FeedBurner para blogger

0
0
En este artículo os voy a mostrar la forma de cómo crear el feed en Feedburner para que sea el quien se encargue de administrar el feed de nuestro blog.
Feedburner se encargará de administrar nuestro feed asignándole una nueva URL y mostrandonos las estadísticas de nuestros suscriptores y la opción de ofrecernos suscripciones por correo mediante un código.
Lo primero será entrar en nuestra cuenta de Google - Productos - FeedBurner:

Una vez que ingreses verás la opción para agregar la URL de tu blog:

Una vez ingresado la dirección de tu blog, es posible que te diga que se han encontrado dos feeds, elige cualquiera de ellos.

Una vez confirmado te dará la nueva url de tu feed, cópiala para su vinculación en blogger.


Vincular URL del Feed en Blogger

Nos vamos a Configuración | Otros  | Publicar URL redireccionada del feed,  pega la URL de tu feed


Guarda los cambios y listo.

En unos días tu feed estará en funcionamiento y llevarás el control de las suscripciones totalmente.

Configurando preferencias del Feed

1.- Optimize - SmartFeed. (Activar) Esta opción nos asegura que cualquier usuario podra suscribirse a tu feed.
2.- Publicize - Suscripciones por Email (Activar)Nos permite que las personas reciban un correo con el contenido actualizado de tu blog cada vez que publicas algo nuevo y nos ofrece un código para colocar la caja de suscripción en nuestra sidebar.
3.-Publicize - Suscripciones por Email - Preferencias de comunicación
3.1 - Remitente: (Nuestro email)
3.2 - Tema del email de confirmación: (Ejemplo:
Active su suscripción por correo electrónico a:Nombre de tu Blog)
3.3 - Cuerpo del email de confirmación: (Ejemplo:
Hola,
Recientemente has solicitado una suscripción de correo electrónico a nombre de tu blog. No podemos esperar para enviar las actualizaciones que desee a través de correo electrónico, así que por favor haga clic en el siguiente enlace para activar su suscripción de inmediato:

${confirmlink}
(Si no puede hacer clic en el enlace, cópielo y péguelo en la barra de su navegador.)
4.-Publicize - Pingshot (Activar) Promueve tu feed por distintas fuentes.
5.-Publicize - Socialize Nos permite agregar nuestra cuenta de twitter para enviar un tweet cada vez que publiquemos una nueva entrada.

Ahora que conoces el tema no olvides suscribirte por correo electrónico



Como crear una página de error 404 personalizada en Blogger

0
0
Página error 404
Página error 404

Las páginas de Error 404 son aquellas en las que el usuario al intentar acceder a una entrada de nuestro Blog dicha página no existe porque ha sido eliminada o se ha escrito mal la dirección Url.

Este código nos muestra una bonita imagen comentando que ha habido un error y que la página no se encuenta, aparte lleva incorporado dos enlaces con botones para redirigirnos a la página principal o volver atrás.
 Lo primero que deberemos hacer es seguir las instrucciones de+Ciudad Blogger
"Lo primero, para que este mensaje de error pueda aparecer es necesario que tengamos en la plantilla el INCLUDE status-message, ese es el que se encarga de mostrar el mensaje de error (y otros mensajes).
Así que si anteriormente lo eliminaste para que no aparezca el mensaje "Mostrando entradas con la etiqueta..." tendrás que ponerlo nuevamente, de lo contrario el mensaje de error no se mostrará.
Por lo tanto asegúrate de tener esta línea en tu plantilla (es necesario marcar la casilla Expandir plantillas de artilugios)"

<b:include data='top' name='status-message'/>

Si no la tienes agrégala justo arriba de este código:

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>

Ya que lo tengas, o si ya lo tienes puesto entra en Configuración | Preferencias de búsqueda (por ahora disponible sólo en la nueva interfaz), y en donde dice Mensaje de página no encontrada personalizado haz click en Editar.


Ahí agrega este código que es el que tengo en este blog:

<div id="error-404">
<img src="https://lh4.googleusercontent.com/-wDxJbemQXr8/UVnKTXmHL-I/AAAAAAAALEE/Zap258AkgkI/s860/e404mm.jpg" style="vertical-align:middle;"/>
<div id="boton_inicio" style="position: absolute;width:183px;height:37px;top:324px;left:310px;">
<a href="http://nombredetublog.blogspot.com"><img src="https://lh5.googleusercontent.com/-bwAVR_cU8-I/UVnJYXDMgLI/AAAAAAAALDw/0andc5FJcwM/s185/inicio.jpg" border="0" height="40" width="185"></a>
</div>

<div id="boton_retroceder" style="position: absolute;width:183px;height:37px;top:380px;left:310px;">
<a href="javascript:history.go(-1)"><img src="https://lh5.googleusercontent.com/-rNf-PllDbE0/UVnJcoPDIkI/AAAAAAAALD4/oWBLYV1GPgo/s185/retroceder.jpg" border="0" height="40" width="185"></a>
</div>
<div style="text-align: right;">
<b><span style="font-size:x-small;">Diseñado por:<a href="http://www.amorsevillista.com" rel="dofollow">www.AmorSevillista.com</a></span></b></div>
</div>

<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.column-right-outer, .column-left-outer, .footer-outer, .feed-links, #blog-pager, #rsidebar-wrapper, #footer-wrapper { /* Aquí todos los elementos que queremos ocultar */
display: none;
}
.fauxcolumn-right-outer .fauxcolumn-inner, .fauxcolumn-left-outer .fauxcolumn-inner {
border-left: 0px;
border-right: 0px;
}
#main, #main-wrapper {
width: 980px; /* Aquí va el ancho total del blog */
margin-left: -5px;
}
</style>
</b:if>


Ahora veamos como configurar algunos aspectos del código:

1.- nombre-de-mi-blog: Cambiar por vuestro nombre
2.- Los estilos que están en color rojo sirven para ocultar todos los elementos que queremos.
     Todos los elementos que agregues para ocultar deberán ir separados por una coma.
3.-  margin-left: -5px; Con esto centraremos totalmente la página, añade o disminuye según tus necesidades.

Guarda y Listo

Otra opción interesante sería incluir un script que nos redirecionase automáticamente con un tiempo estimado a la entrada principal y para ello pegaríamos el siguiente código:

<script type = "text/javascript">
//Blogger 404 Redirecionado por Amor Sevillista
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>

Configuración:
5000: Segundos que tarda la redirección.




Como cambiar el cursor del ratón por imágenes personalizadas

0
0
Anteriormente vimos Como colocar en el puntero el escudo del Sevilla FC y en este artículo vamos a ver como podemos trabajar con cursores personalizados, es decir, cómo podemos cambiar el puntero del ratón para incorporar cualquier imagen y personalizar un poco más el aspecto de nuestro sitio web.
Para ello solo tendremos que disponer de un editor de imágenes, photoshop, paint (gratuito), etc.. y la imagen que deseemos añadir.

Yo uso photoshop y os lo muestro paso a paso:
1.- Guardamos la imagen base en nuestro PC (puntero sobre la imagen-click derecho-guardar imagen como)
cursores personalizados
Imagen base

2.- Abrimos la imagen base en photoshop y la imagen a mostrar como logo (debe estar en formato gif o png).

cursores personalizados

Como lo normal es que la imagen a mostrar como logo sea mayor que la base (40x40px) tendremos que reducir hasta 20px dicha imagen. Click en imagen a mostrar-tamaño de la imagen-colocamos 20px de anchura y 20px de altura y Ok.

cursores personalizados

cursores personalizados

El siguiente paso consistiría en introducir la imagen logo dentro de la imagen base
Click en imagen logo- Selección-Todo, ahora al apartado Edición-Copiar.
Ahora click en imagen base-Edición-Pegar (guardamos en formato gif) y ya la tendremos lista.

cursores personalizados

Ahora lo siguiente sería subir dicha imagen a cualquier hosting, lo normal sería Picassa, y copiamos la url.

Para colocarlo en vuestro blog, seguir estos pasos:
DISEÑO-EDICION HTML-buscáis el siguiente código:</BODY> y justamente encima de él pegamos este otro:
<style>HTML,BODY{cursor: url("url de vuestra imagen"), url("url de vuestra imagen"), auto;}</style>

Lo podéis ver funcionando en este blog

Nota: Los cursores de tipo imagen gif solo son compatibles con Mozilla Firefox y Google Chrome y no en Internet Explorer.



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

0
0
Acaba de publicarse la actualización del Ranking EBUZZING (WIKIO) del mes de Abril, y la Blogosfera Sevillista  pierde su nivel en cuanto a Blogs, ya que este mes perdemos a la Peña Sevillista IL Capo Maresca,   quedándo con 30 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  
Abril   4 blog     24 blog2 blog  

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

Estos son los Blogs Sevillistas en el Ranking de Abril:

RankingBlogPuesto Sube/Baja
1La Palangana Mecánica 15  (  -  5)
2El Sevillista  22   (  -  1 )
3 El Papi Magase  26   (  +  2)
4Triana 1952   28   (  -  4  )
5 Sevillismo.com  30   (  -   3 )
6Javi SFC  33  (    =   )
7Latidos de Nervión  38   (  +  2 )
8Sevilla,Sevilla,Sevilla   39   (  - 13)
9El Alminar de Nervión   40    (   - 3)
10Almas Sevillistas  42   (   +  1 )
11AMOR SEVILLISTA  44   (   -  2 )
12Jesús Creations 47   (  =  )
13Un Sevillista Cualquiera  49    (  -  5 )
14El Blog de Mayte Carrera  51    ( -  15 )
15El Equipo del Arte y Salero  53    (-   3 )
16El Talibán Sevillista  55    ( -  4 )
17Sentimiento Sevillista 56    ( -  3 )
18Ahora más que nunca Sevillista soy  57   ( + 1 )
19Sin Complejos63    (  -  4 )
20Lo Mejor Sigue Estando sin Llegar65   (  -  4 )
21Crónicas en Blanco y Rojo66   (  -  4 )
22Sevilla Stones67   (  -  2 )
23P.C.S. Tres Carabelas69   (  -  3 )
24El Blog de Dragos Sur72  (  -  4 )
25Sevillismo desde la Cuna73  (  -  4 )
26Blanco y Rojo es mi Color81  (   - 3)
27Crónicas del Sevilla FC83   (   - 4 )
28Benditos Colores 87  (  -  4 )
29El Sevillismo90   (   - 5 )
30Palanganas en la Red92  (  -  5 )


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

0
0
caja subscripcion-redes sociales

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).

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 == &quot;item&quot;'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>Entradas Relacionadas</p>
<script type='text/javascript'>
var defaultnoimage=&quot;http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg&quot;;
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 != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=amorsevillista&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' 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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=box_count&amp;show_faces=true&amp;width=70&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' 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.

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....

0
0


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 redes sociales en blogger

0
0
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.

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=&#39;#FBFBFB&#39;,endColorstr=&#39;#F4F4F4&#39;,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 == &quot;item&quot;'>
<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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=120&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' 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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=amorsevillista&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' 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.

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

0
0
nuevo editor html en blogger 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 desdePanel 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.
error en plantilla

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.

error en plantilla

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

error en plantilla

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.

error en plantilla

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?



La noche mágica de Medel

0
0

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.

Verguenza verde

0
0


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.

Widget contador de tus seguidores en las Redes Sociales

0
0

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 Twitterson 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.-

Una original caja de autor bajo las entradas de Blogger

0
0
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.


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 terceraURL 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 !

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

0
0
derbi sevilla-betis

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.

Viewing all 339 articles
Browse latest View live




Latest Images