04_GADGETS/WIDGETS ~ Mi primer blog

CODIGO DE GADGETS (WIDGETS) EXTERNOS

PERSONALIZAR TITULOS DE LAS ENTRADAS - C 8

h3 {/Zona del título de post/
background: no-repeat url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGy_YkarBWwQTBryZkFfXuxNRRdgUAMaS57xr17mXOlGSe2e5xjNMphJRXQS8P2qOoojGpWXdr97VWah1bt_vlxx4ItbJh0Ipk5y4K_CrQ-antCVt0-DWMltPGafp7bTqHkT-XXDLdimk/s1600/post-titulo.png"); /Imagen de fondo/
text-align: right; /Alineación de la imagen, posición, left* sería izquierda y center en el centro/
border-bottom: 2px solid #666666; /Para poner línea debajo del título/
}
h3:hover{
border-bottom: 2px solid #8fb59e;
}
h3.post-title {/Título del post sin enlace/
text-align:center; /Alineación del texto, posición/
font-family: 'Copse'; /Tipografía de texto/
font-size:15px;  /Tamaño de texto/
color: #666666;  /Color de texto/
text-transform: uppercase; /Texto en mayúscula/
letter-spacing: 3px; /Espacio entre letras/
padding:15px; /Espacio alrededor/
}
h3.post-title a{ /Título del post con enlace/
font-family: 'Copse';
font-size:15px;
color: #666666;
text-transform: uppercase;
letter-spacing: 3px;
padding:15px;
}
h3.post-title a:hover{ /Título del post con enlace al pasar el ratón por encima/
font-family: 'Copse';
font-size:15px;
color: #8fb59e;
text-transform: uppercase;
letter-spacing: 3px;
padding:15px;
}

Los colores , que están en negrita, los cambias por los de tu paleta de colores. El tipo de letra puedes escogerlo desde  Diseño  Personalización  Avanzado  Título de la entrada y ver qué opciones tienes. Eliges el nombre de la Fuente que quieres y la escribes entre las comillas en el apartado Font-family: y el resto de estilos te los he definido entre / y */ para que, si quieres, vayas probando dándole a Vista Previa desde la plantilla los diferentes estilos.

El código de imagen también está en negrita y sería lo que tendríais que cambiar.

TÍTULO DE GADGET SIDEBAR CON FONDO DE COLOR REDONDEADO:

.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #fff !important; text-transform: uppercase; letter-spacing: 3px; text-align: center; background: #8fb59e;border-radius: 50px; padding: 10px; }

CALENDARIO 01

<div id='calendar'><strong>Loading...</strong></div>
<script>
var conf = {
bgcolor: '#5692ce',
newtab: 1, // 0:abre link en la misma ventana | 1:abre link en ventana nueva
start: 1, // 0:Domingo | 1:Lunes
days: "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
months: "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
date: "Ir al mes actual"
}
</script>
<script src='https://cdn.rawgit.com/jmacuna/calendar-widget/master/create-calendar.js' type='text/javascript'></script>
<script src='https://jmacuna.tecnoblog.guru/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>

FIESTAS EN ESPAÑA HOY

NUMEROLOGIA - CONOCE TU NUMERO Y SU SIGNIFICADO

EL SANTO DEL DIA

HECHOS HISTORICOS HOY

EL DIA DE HOY

HORA ACTUAL

<div style="text-align:center;padding:1em 0;"> <h3><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/es/city/3104324"><span style="color:gray;">Hora actual en</span><br />Zaragoza, España</a></h3> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=es&size=medium&timezone=Europe%2FMadrid" width="100%" height="115" frameborder="0" seamless></iframe> </div>

RELOJ MUNDIAL

CONTADOR DE VISITAS 01

<div style="text-align:center; margin:0; padding:0; width:256px;"><embed src="

//ra.revolvermaps.com/f/f.swf" type="application/x-shockwave-flash" pluginspage="

http://www.macromedia.com/go/getflashplayer" wmode="transparent" allowscriptaccess="always"

allownetworking="all" width="256" height="128" flashvars="

m=0&i=0bxmhujqmxp&r=20&c=ff0000"></embed><br /><img src="

//ra.revolvermaps.com/js/c/0bxmhujqmxp.gif" width="1" height="1" alt="" /><a href="

http://www.revolvermaps.com/livestats/0bxmhujqmxp/">Large Visitor Map</a></div>

CONTADOR DE VISITAS 02

<center><a href="https://www.cerotec.net/estadisticas-125621/miprimerblogbloggerjse.blogspot.com" title="contador y estadísticas"><img src="https://www.cerotec.net/contador.php?t=1&s=5&i=125621" alt="www.cerotec.net"></a> <br><a href='http://www.diario-abc.com/' style='font-size:12px;' >Diario ABC</a></center>

CONTADOR DE VISITAS 03

<script type="text/javascript" src="https://geoloc12.geostats.ovh/private/geocounter.js?compte=3h8gmj79pdwd"></script>
<noscript>
<a href="http://www.geovisites.com/es/directory/Formacion_guias.php?compte=3h8gmj79pdwd" target="_blank"><img src="https://geoloc12.geostats.ovh/private/geocounter.php?compte=3h8gmj79pdwd" border="0" alt="guías"></a>

<br>Please do not change this code for a perfect fonctionality of your counter
<a href="http://www.geovisites.com/es/directory/Formacion_guias.php">guías</a>
</noscript><br><a href="http://www.geovisite.com/es/">gadgets para blogger contador de visitas</a>

CONTADOR DE VISITAS 04 Y .... MAS

<script type="text/javascript" src="https://geoloc12.geostats.ovh/private/geoweather.js?compte=3h8gmj79pdwd"></script>
<noscript>
<a href="http://www.geovisites.com/es/directory/Formacion_guias.php?compte=3h8gmj79pdwd" target="_blank"><img src="https://geoloc12.geostats.ovh/private/geoweather.php?compte=3h8gmj79pdwd" border="0" alt="guías"></a>

<br>Please do not change this code for a perfect fonctionality of your counter
<a href="http://www.geovisites.com/es/directory/Formacion_guias.php">guías</a>
</noscript><br><a href="http://www.geovisite.com/es/">contador de visitas html codigo</a>

Mi primer blog