Búsqueda personalizada

3 abr 2014

Acortar entradas y post y colocar imagen en miniatura - Blogger

Esta función se usa para acortar los post o entradas de la página principal de blogger, que aparecerán al completo al darla a "Leer más" y para, si has puesto alguna imagen, aparezca ésta en forma de miniatura.

Hay que seguir estos pasos:

Diseño -> "Editar HTML"

Con CTRL+F búscamos esta línea de código:

<data:post.body/>

Y reemplazamos esa línea con el siguiente:

<b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> </b:if>

Y por último, buscamos la etiqueta </head> y pegamos justo arriba el siguiente script:

<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>

Fácil, ¿verdad?

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown 3 abr 2014
Leer más

2 abr 2014

Botones redes sociales para Blogger



Si quieres unos botones como estos para compartir en redes sociales para tu blog sólo tienes que hacer lo siguiente.

Ir a la pestaña Plantilla, y darle a Editar HTML de tu panel de control de Blogger.

Buscar dándole a CNTRL+F la línea donde ponga:
  1. <div class='post-footer'>
  2. <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>
Y pegas el siguiente código entre la primera línea y la segunda para que queden debajo de tu entrada del blog:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<br/>
<div style='text-align: center;'>
<span style='font-family: Verdana,sans-serif;'><b><span style='font-size: small;'>Si te gusto este articulo compartelo con tus amigos y gracias</span></b></span>
</div>
<br/>


<style type='text/css'>
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
 #mintshare_mini .flyout ul a img {}
 #mintshare_mini .flyout ul li.drop-li {position:relative; width:29px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 30px;}
 #mintshare_mini .flyout ul {
 list-style:none;}

</style>
<!-- compartir entradas  -->
<div id='mintshare_mini'>
<a class='sharetext'>
 <b/>
  <!--[if gte IE 7]><!-->
  </a>
   <!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
                                        <div class='flyout'>
                                          <ul class='icons'>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img src='http://1.bp.blogspot.com/-y7j-OLqVQ8c/UbuafVmXRTI/AAAAAAAAAFI/kN6lLfazJHg/s1600/facebook.png' style='width:24px; height:24px;'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://3.bp.blogspot.com/-hF5Li45JQPM/UbuafLoaTLI/AAAAAAAAAFA/i8GW2-9ye9c/s1600/Twitter_logo.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://1.bp.blogspot.com/-iW5EpilcftE/UbuaffFIxWI/AAAAAAAAAFo/VKZ3Q731tR0/s1600/google-plus-+-icono.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://www.tuenti.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://2.bp.blogspot.com/-qeAU6QhxSk0/Ubuaf0bBY2I/AAAAAAAAAFg/DXW6FZ2KPDw/s1600/tuenti_logo.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://3.bp.blogspot.com/-d1GZ3bbiP7A/UbuafjbHyGI/AAAAAAAAAFk/EjqKCjj2dVQ/s1600/reddit-png-image-256x256-pixels_12499557739301.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://4.bp.blogspot.com/-z5JIdqL48aE/UbuafEP6vHI/AAAAAAAAAFQ/iXXUKH70ZFE/s1600/05_04_linkedin.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://4.bp.blogspot.com/-T5ylQdemcR4/UbuafNP6lOI/AAAAAAAAAFE/LSx7ljM624k/s1600/delicious.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a>
                                                <span class='st_sharethis_large' displayText='ShareThis'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                          </ul>
                                        </div>
                                      </div>
                                      <!-- MintShare Mini End-->

</b:if>

Y ahora si quieres puedes cambiar en el código las letras que están en rojas para que pongan lo que tu quieras que aparezca.

Puedes ver este ejemplo funcionando pinchando en alguna de las entradas de este blog:
http://viajesparafindesemana.blogspot.com.es/

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown 2 abr 2014
Leer más

Los secretos de Google Adsense - Otros



Navegando por la red, me encontré con este libro, Los secretos de Google Adsense.

Todavía no lo he leido, pero empezaré mañana y prometo poner aquí mis comentarios y opiniones sobre el libro Los Secretos de Google Adsense.

Aquí el indice del libro:

1. Tu aprenderás a influir en el tipo de anuncios que salgan en sus páginas Web: 
• Cómo optimizar su página Web para clics que pagan más, usando técnicas y software legítimos. 
• Cómo mostrar anuncios relevantes de inmediato, utilizando la Búsqueda de Google. 
• Cómo quitar los anuncios que pagan poco y roban clics a los anuncios que pagan mucho. 
• Dónde encontrar scrips y software para encontrar los términos y las páginas que reciben más clics. 
• Cómo centrarse en los anuncios que remuneran mejor y los que producen más clics (¡lo que NO es lo mismo!). 

2. Tu descubrirás las ventajas y desventajas de cada tipo de anuncios y aprenderás a ajustarlos de forma que atraigan más a tus visitantes: 
• Lo último sobre los Bloques de vínculos de Google y otros nuevos formatos. 
• Cómo formatear sus anuncios para que los visitantes tengan ganas de hacer clic en ellos. 
• Qué colores, tamaños, colores de texto y bordes le generan más clics. 
• Cómo posicionar tus anuncios para conseguir la máxima respuesta de los visitantes. 
• Qué elementos pueden llamar la atención a tus anuncios, sea cual sea su colocación. 
• Cómo y cuándo usar la caja de Búsqueda de Google para sacar el máximo rendimiento de los internautas en busca de algo específico. 


3. Tu descubrirás técnicas para mejorar tu página Web y por lo tanto conseguir que Google te proporcione anuncios más relevantes: 
• Cómo conseguir más tráfico legítimo a su página Web. 
• Cómo optimizar tus páginas para que los buscadores se ENAMOREN de su espacio Web. 
• Cómo construir más páginas para su sitio Web más rápidamente. 
• Cómo conseguir ingresos de AdSense mediante las comunidades y los foros–una fuente increíble de contenido que se puede crear gratis. 

Aquí se podeis descargar Los secretos de Google Adsense:



http://dfiles.eu/files/wl12hew99

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown
Leer más

1 abr 2014

Dar formato a un número de teléfono con HTML5

Dar formato a un número de teléfono con HTML5 y hacer que se pueda llamar al pusar en el teléfono al verlo desde un dispositivo móvil es muy fácil.

Para que se pueda llamar desde el móvil mientras visitamos la web sólo tenemos que añadirle al teléfono el siguiente código:

<a href="tel:+34612345678">612345678</a>

Si se fijais, en el href se ha colacado el +34, que corresponde al prefijo de España. Habría que añadirse el prefijo del país correspondiente al número.

Si queremos darle formato, habría que añadirle este código CSS3:

a[href^="tel:"]:before {
          content: "260E";
          display: block;
          margin-right: 0.5em;
}
Que haría que el telefono se viera más o menos así:



Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown 1 abr 2014
Leer más

29 mar 2014

Formularios, tipos de input's y validación con HTML5

Aquí os voy a enseñar algunos de los nuevos input que hay en el HTML5, que aunque a estas alturas ya no es nuevo, todavía hay mucha gente que no los conoce.

La verdad es que estos nuevos campos de formulario ayuda muchísimo a la hora de validar y de dar un toque más profesional a nuestros formularios.

Vamos a ver algunos ejemplos:

Nuevos input HTML5: 


  • <input type="color" />



  • <input type="date" />




  •  <input type="datetime-local" />
  • <input type="email" />


  • <input type="month" />

  • <input type="number" />

  • <input type="range" />

  • <input type="search" />


  • <input type="time" />
  • <input type="url" />

  • <input type="week" />


Validación nativa con HTML5

Aparte de los inputs anteriores, que ya de por sí, sirven para validar (porque no te obliga a utilizar un formato concreto), también contamos con el atributo required, que al ser booleano no tenemos más que poner la palabra dentro del input, para hacer obligatorio que el campo esté relleno al momento de enviar el formulario.
Ejemplo:
  • <input type="text" required />

También podemos usar el placeholder para guiar al usuario a poner lo que queremos que escriba o como lo queremos.
Ejemplo:
  • <input type="email" placeholder="suemail@email.com" />



Y bueno, hasta donde mi memoria llega, quizás alla más, pero estos son quizás los que podemos usar más. ¡Un saludo a todos!




Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown 29 mar 2014
Leer más

28 mar 2014

Cambiar plantilla de blogger baja las visitas

Hace una semana que cambié la plantilla de mi blog. Y de repente noté una bajada bastante notable de visitas y mis sospechas es que fuera a causa del cambio del template, ya que ya tenía un constante de visitas diarias y de repente me pasó esta bajada, que me preocupó muchisimo, ya que después de mi gran esfuerzo porque esto funcionara se estaba yendo al traste por un template, que de todos los que había visto era el que más me gustaba. Bueno, pensé en volver al template anterior para volver a recuperar mis visitas, pero después de pensarlo una y otra vez, decidí dejarlo unos días más para seguir viendo las estadísticas de las visitas, y ahora por fin se está viendo que se está recuperando y está subiendo de nuevo.



Entonces mi duda es, esta bajada a sido a causa del cambio del template o ha sido por algún otro motivo puntual que no tiene nada que ver.

¿Cambiar la plantilla de blogger baja las visitas? ¿Os ha pasado alguna vez? ¿Que opináis al respecto?



Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown 28 mar 2014
Leer más

23 mar 2014

Código de los colores para usar en tu web - HTML - CSS

Elige los colores en la paleta y obtendrás tu código más abajo, en RGB o hexadecimal.



Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown 23 mar 2014
Leer más

¿Cuánto vale mi página web? - Otros




Alguien quiere comprar nuestro blog o nuestra página web y queremos saber cuánto vale nuestra página web, o simplemente estamos aburridos o nos da la curiosidad.

Pues pongo aquí mis datos de lo que vale mi web a día de hoy, que es de 105$, si cuando estés leyendo esto, ese precio ha subido, significa que estamos mejorando, jeje:



Si le das click al precio de mi web te llevará a la página donde te hace el cálculo.

Os invito a que dejeis en los comentarios el precio de vuestra página web y un enlace a esta.

¡Un saludo!

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown
Leer más

Como aumentar pagerank de mi web - Otros




Para empezar... ¿Qué es el pagerank?

El pagerank de una página es como la importancia de dicha página web en Internet. Es una marca comercial de la propiedad de Google. Es un algoritmo complejo que explicado de forma simple mide los enlaces que hay en otras páginas web hacia la tuya propia. De hecho, cuando una página web A pone un enlace en su página hacia una página web B, dicho enlace es un voto a favor de la página web B.

Tener un pagerank alto es casi tan importante como hacer una buena estrategia de SEO.

El pagerank de esta página al día de hoy es de tristemente 0.

Aquí lo podeis ver:

PageRank Google

(Si pinchais en él os llevará a una página donde podeis calcular el vuestro propio)


Pero hasta el día de hoy no me he preocupado de este aspecto. Bueno en realidad casi de ninguno, con este blog solo busco transmitir conocimiento y ayudar en la medida de lo posible a los demas.

Aunque a partir de ahora, cada vez que tenga ratos libres voy a dedicarme a intentar subirlo, ahora que ya conozco como se hace.

Bueno, al tema... ¿Cómo subir el pagerank de mi web?

Básicamente tienes que trabajar para que el enlace de tu web se muestre en el mayor número de páginas posibles, y si dichas páginas tienen un pagerank alto, mejor que mejor.

Podeis intercambiar enlaces con otros blogs. Hablando con los dueños para que lo pongan en un buen sitio de su página. Podéis daros de alta en directorios webs.

Por cierto, se me olvidaba, si tenéis un blog os recomiendo este directorio:


Directorio de Blogs

También os invito a dejar aquí en los comentarios el enlace de vuestras páginas para que todos los conozcamos.

¡Un saludo!

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Por: Unknown
Leer más

22 mar 2014

¿Quieres participar en este blog? - Otros



¿Quieres participar en este blog y que se te reconozca tus auditorias? ¿Quieres promocionarte como escritor o editor? ¿Quieres dar publicidad a tu propio blog?

Si la respuesta a algunas de estas preguntas es sí, te animo a participar en mi blog sobre alguna temática de informática, diseño web, programación, blogs, apps, android, experiencias personales en este mundillo... cualquier cosa que se te ocurra relacionado con este mundillo.

Sólo tienes que ir a la pestaña Contactos y mandarme un mensaje en el que me digas que quieres participar y sobre el tema que quieres escribir, o bien dejando aquí un comentario y dejandome un email o forma de contacto.
Por: Unknown 22 mar 2014
Leer más
Suscribirse a: Entradas (Atom)

Más visitas para tu blog

Más visitas para tu blog

Vuestras visitas:

Trucos Blogger

Sobre Google

Los + vistos en la semana

 

© 2014 Aplicaciones ...---Chey---.... All rights resevered. Designed by Chey Developer

Back To Top
Recibe las actualizaciones directo a tu correo