MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Slideshow de últimas entradas con un solo widget


Sencillo slideshow en el que no tendrás que tocar tu plantilla, sino simplemente colocar un gadget en el lugar correcto.


1 Ir a Blogger

2 Da un clic en Diseño

Instalar un Slideshow para blogger con un solo widget

3 Abre añadir un gadget “Añadir un gadget



4 Una vez que hayas abierto un nuevo gadget se te mostrara una ventana en la cual tienes que seleccionar el widget que dice “HTML/Javascript” ábrelo e inserta las siguientes líneas de código en su interior:

Instalar un Slideshow para blogger con un solo widget

Ahi coloca éste código.

<style scoped="" type="text/css">#coinautoslide{margin:0 auto;border:4px solid white;border-radius:2px;font:normal normal 11px Verdana,Geneva,sans-serif;line-height:1.6em}.coin-slider{overflow:hidden;zoom:1;position:relative}.coin-slider a{text-decoration:none;outline:none;border:none}.cs-buttons{font-size:0;padding:10px;float:left}.cs-buttons a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #B8C4CF;color:#B8C4CF;text-indent:-1000px}.cs-active{background-color:#B8C4CF;color:#FFFFFF}.cs-buttons a{border-radius:50%;background:#CCC;background:-webkit-linear-gradient(top,#CCCCCC,#F3F3F3);background:-moz-linear-gradient(top,#CCCCCC,#F3F3F3);background:-o-linear-gradient(top,#CCCCCC,#F3F3F3);background:-ms-linear-gradient(top,#CCCCCC,#F3F3F3);background:linear-gradient(top,#CCCCCC,#F3F3F3)}a.cs-active{background:#599BDC;background:-webkit-linear-gradient(top,#599BDC,#3072B3);background:-moz-linear-gradient(top,#599BDC,#3072B3);background:-o-linear-gradient(top,#599BDC,#3072B3);background:-ms-linear-gradient(top,#599BDC,#3072B3);background:linear-gradient(top,#599BDC,#3072B3);border-radius:50%;box-shadow:0 0 3px #518CC6;border:1px solid #3072B3!important}.cs-title{width:100%;padding:5px 0;background-color:#000000;color:#FFFFFF}.cs-title strong{display:block;font-size:120%}.cs-title p{margin:0}.cs-title cite{font-size:90%}.cs-title strong,.cs-title cite,.cs-title p{padding:0 10px}.cs-prev,.cs-next{background-color:#000000;color:#FFFFFF;padding:0 10px}</style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script><script type='text/javascript'>var AutoCoinConfig = {  url_blog: "http://puntadascatolicas.blogspot.com", MaxPost: 7, cmtext: "Comentarios", MonthNames : ["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"], pBlank : "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif", NoCmtext : "Puestos para comentarios", imageSize :500, SumChars : 100, tagName:false, width: 500, height: 250, spw: 7, sph: 5, delay: 3000, sDelay: 30, opacity: 0.7, titleSpeed: 500, effect: '', navigation: true, links : true, hoverPause: true, prevText: 'prev', nextText: 'next'};</script><script src='https://dl.dropboxusercontent.com/s/nx3y46w3wr3oovl/autocoin.js' type='text/javascript'></script>


Si ya utilizas un jQuery en tu blog de blogger ya no tendrás que poner en este código el script  http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js, y si no utilizas ningún jQuery entonces pon todo el código tal como lo presente.

Borra el link http://puntadascatolcias.blogspot.com  y pon el link de tu página.


Da clic en “Guardar” y ponlo debajo de la cabecera principal de tu blog de blogger.

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者