Menu Estilo Acordeon - CSS3 - Wortit

>Menu Estilo Acordeon - CSS3 - Wortit

Read More

Editor De Texto HTML...

Editor De Texto HTML

El dia de hoy les traigo este magnifico editor de html Gratuito el cual podras editar tus textos html y agregarle estilo a todos Tus Textos HTML, Una Idea De Andy Gomez .

y Desarrollado Por Andy Gomez

Entra Haciendo Click Aqui

Muestra En Imagen...      

Si quieres dar una idea para el editor de texto para agregar una nueva opcion solo manda un mensaje por medio de nuestro  FORMULARIO DE CONTACTO

 [Un proyecto De Andy Gomez]

Read More

Nueva Edicion HTML de Blogger

Nuevo Estilo A La Edicion HTML de Blogger

y nuevas opciones.

La Nueva Edicion HTML De Blogger Nose Si Ya Le Has Hechado Un Vistazo pero bueno aqui te muestro una imagen de como es la nueva edicion html que blogger acaba de actualizar  blogger y que bueno en mi parecer este nuevo estilo que blogger nos brinda bueno esta super organizado para todo aquel que le gusta editar su plantilla por medio de HTML lo cual ahora esta un poco mas facil de edita ya que puedes encontrar un busscador y una barra de desplazamiento en la cual ves los widgets que puedes editar, Vista previa  en la misma en el mismo cuadro Donde aparece El HTML y ya no esa molesta pagina que se abria automaticamente al ir a vista previa y bueno muchas mas opciones que blogger le ha añadido a la nueva edicion HTML, Bueno esto es lo que les traigo y espero le hechen un vistazo a las nuevas opciones que puedes encontrar en este editor HTML 

Gracias por leer este post.

Read More

iBox ventanas modales.

ibox es un script que te permite crear ventanas modales, yo no se mucho sobre las ventanas modales para poder hacerles una reseña de que son y  su desarrollo .

en una ventana modal pudes mostrar, texto,imagenes,videos y otras cosas mas , segun lo que sepas sobre ventanas modales.

lo primero que deves hacer es poner estos codigos javascript 
antes de < / head>

<script src='https://sites.google.com/site/archivosdeelblogandy/ibox.js' type='text/javascript'/> <link href='https://sites.google.com/site/archivosdeelblogandy/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>

Y lo unico que deveshacer de ahora en adelante sera poner rel='ibox'  a todo lo que quiera pones en una ventana modal.

Algunos Codigos para mostrar elementos en una ventana modal.

Imagenes.
<a href="URL_imagen" rel="ibox" title="Texto optativo">ENLACE O TEXTO</a>

Documentos.
<a href="URL_pagina" rel="ibox" title="Texto optativo">ENLACE o TEXTO</a>

Videos.
<a href="http://www.youtube.com/watch?v=XXXXXXXXXXX" rel="ibox">ENLACE o TEXTO</a>

Ejemplos de iBox

iBox Imagen
iBox Texto
iBox Video

Gracias por leer este Post.

Read More

Mostrar Foto De Google+ En Los Resultados De Busqueda De Google

Bueno El dia de hoy les traigo esta magnifica idea, 
¿Como mostrar la foto del  autor en los resultados de busqueda de gogle?
es una pregunta que he visto en los comentarios en demas blogs, y no los queria dejar a ustedes con esa pregunta.

para poder poner esto deves sequir los siquientes pasos.

Vincular tu cuenta de google+ con la de blogger
Click Aqui para vincularla.
si ya la tienes vinculada omite este paso.

luego deves asegurarte de que en tu perfil de google+ aparezca en informacion
"colaborador en" [tus blogs] sino aparecen edita tu informacion de cuenta.

EXPANDE LA PLANTILLA DE ARTILUGIOS.
luego revisa que tengas el codigo del autor en la edicion HTML de tu plantilla.

Si no lo tienes, agregrega  Debajo de la siquiente etiqueta. el codigo.


<div class='post-footer'>

Codigo Del Autor, que deves tener.
sino tienes este, borra el que tienes y agrega este.



<span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/> <meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/> <meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span>


Gracias Por Leer Este Post.

Read More

Contador De Usuarios En Linea.

Quieres tener este maravilloso contador de usuarios en linea en tu blog bueno en esta ocacion te enseñare como.

lo primero que deves hacer es ingresar a usuarios-online.com 
ahi te aparecera un cuadro de texto donde pondras el URL de tu pagina o blog

Luego cuando allas llenado ese cuadro de texto con el URL de tu pagina o blog . Vas a Crear Contador!

Luego te aparecera un codigo Javascript el cual solo deveras copiar y pegar en un elemento HTML/JAVASCRIPT en tu blog, en la parte que tu quieras.

Gracias por leer Este Post.

Read More

Elegir cuantos post mostrar en la portada.

¿quieres definir cuantos post mostrar?

bueno ahora te muestro un pequeño tutorial en el cual no tendras que ver tantos codigos para poder definir un solo numero.

bueno normalmente en algunas pagina te muestran como definir cuantos post quieres mostrar en tu portada con varios pasos. en los cuales intervienes en la edicion HTML de tu blog pero en esta ocacion te enseñare la forma mas facil.

primero deves entrar al inicio de la edicion de tu blog, luego entras a DISEÑO.

luego deves encontrar el gadget Entradas del Blog, y te vas a Editarlo.

Luego ya dentro de la edicion encontraras en una de las primeras opciones lo que buscabas.

luego solo defines con un pequeño numero cuantas entradas quieres que aparezcan.

Gracias por leer este post.

Read More

Etiquetas Estilo taringa

Etiquetas estilo Taringa.
en esta ocacion les dejare un estilo de etiquetas que podran añadirle a su blog, y es el estilo de etiquetas taringa
es un estilo color gris que muestra las etiquetas en forma de una etiqueta de compra
es facil de añadir y espero les funcione.

Primero debes poner las etiquetas en forma nube.

luego busca este codigo:


<span class='post-labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'>,</b:if></b:loop> </b:if> </span>

Elimina Este Codigo.


<b:if cond='data:label.isLast != "true"'>,</b:if>

Y Por ultimo colocas este codigo Antes de la etiqueta ]]>


.post-labels { margin: 0; padding: 0; } .post-labels a { float: left; position: relative; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBJExdqapMcgkbqwB-Jph35pSJ2nRA1CtqRcctKIIX5ZTfU-IVlSfmLhvW3Q7_1Z4xpcQGqEuIbhEuBHZdoLzfummdj8vgIq1rM00InN0lw5gDt5PsOou3jN9yUnYROjBGgq9HYP4DYU/s400/tag-taringa-ajmrdesign.com.png") no-repeat bottom right; height: 24px; line-height: 24px; padding:0 10px 0 8px; margin: 0 0 0 25px; color: #333; font-size:13px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-decoration: none; } .post-labels a:before { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBJExdqapMcgkbqwB-Jph35pSJ2nRA1CtqRcctKIIX5ZTfU-IVlSfmLhvW3Q7_1Z4xpcQGqEuIbhEuBHZdoLzfummdj8vgIq1rM00InN0lw5gDt5PsOou3jN9yUnYROjBGgq9HYP4DYU/s400/tag-taringa-ajmrdesign.com.png") no-repeat; content: ""; width:15px; height: 24px; float: left; position: absolute; top: 0; left: -15px; } .post-labels a:hover { text-decoration: underline; }


Gracias por leer este Post.

Read More