Leer más en blogger


Para aquellas personas que quieran implementar "Leer más" en los post, les voy a explicar poco colocar las líneas de código necesarias para que funcione correctamente.

Como hay que modificar la plantilla,(antes de hacer cualquier modificación sería bueno que hicieráis una copia de seguridad de vuestra plantilla, por si os surge cualquier complicación)iremos a Plantilla -> Edición de HTML -> Expandir plantillas de artilugios
y localizáis: <div class="’post-body’"> (en algunas templates, puede que no venga definido como <div class="’post-body’"> sino como <div class="post-body entry-content">)

Una vez localizado <div class="’post-body’"> o...

...<div class="post-body entry-content">

Deberéis colocar debajo el siguiente código:

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>.fullpost{display:inline;}</style>
<p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>

Hasta aquí bien...no? Bien, luego de hacer lo anterior, deberéis localizar el código

<data:post.body>

Y añadir justo debajo:

<a href="data:post.url">Leer más...</a>
</data:post.body>

Quedando el código completo de la siguiente manera:

<div class="post-body">

<b:if cond="’data:blog.pageType">
<style>.fullpost{display:inline;}</style>
<p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>

<p><data:post.body></data:post.body></p>

<a href="http://www.blogger.com/%E2%80%99data:post.url%E2%80%99">Leer más…</a>
</b:else>

<div style=""> <!--– clear for photos floats –-->
</div>

Ahora ya podemos guardar la plantilla.

Para finalizar colocaremos el siguiente código en Configuración -> Formato -> Plantilla de entrada.

Texto inicial
<span class="fullpost">
Texto secundario
</span>

Una vez colocado, guardamos los cambios y ya nuestro código estará listo para dividir los post y que salga la opción "Leer más". Si hay algún post que queráis escribir y que no aparezca dividido, será suficiente con que eliminéis las líneas de código que indique por último:

Texto inicial
<span class="fullpost">
Texto secundario
</span>

Y guardar. Esto es todo. Espero que haya sido de ayuda



Directorio Blog Hispano: Auténtico Blog Directorio Blogger


Siempre se ha comentado lo reducido de blogger en cuanto a opciones en los blogs comparado por ejemplo con Wordpress. Pues bien, cual ha sido mi sorpresa cuando navegaba por la red, me encontré un Directorio de Blog, que nada tiene que envidiar a otros directorios hecho por ejemplo mediante script.
Su diseño es atractivo.
Cuenta con la imagen de cada blog que se añade.
Apartado de Blog Destacado.
Formulario para sugerir un nuevo blog.

Si buscas aumentar la popularidad y las visitas en tu blog, no deges de visitar Directorio Blog Hispano.

¿Cómo vender mi blog?


Alguna vez has pensado en vender tu blog, pero no sabes cómo, es más, ¿ni siquiera sabes el valor que puede tener tu blog?

A raíz de la venta/subasta del blog Ritmo Latino, he pensado que es interesante escribir un post acerca de cómo puedes hacer para vender tu blog.

Lo primero que deberás hacer es ponerle un precio orientativo a tu blog. Para ello te recomiendo un par de sitios que pueden servir de ayuda:

Genuine Site Rank
Web Valuer

Una vez hayas decidido un precio para tu blog, debes buscar un lugar donde lo puedas vender. Desde Blog Todo en 1 recomendamos Classifieds.

Como véis, no es tan complicado, sólo hace falta encontrar post orientativos que nos ayude en la desición.

Más servicios desde insalla.com


Si días atrás le presentabamos desde Blog todo en 1 el servicio "Promociona tus post gratis" tanto para bloggers como para personas que dispongan de un portal web. Hoy, desde Insalla.com nos llega un nuevo servicio de alojamiento de archivos en el que los navegantes pueden subir un archivo comprimido y este automaticamente se alojará en otros servidores, como Megaupload, Filefactory... hasta un máximo de 6.
Cabe descatacar como siempre que es un servicio totalmente gratuíto.

Promociona tus post gratis.


Los compañeros de Insalla.com amplian sus servicios gratuítos para bloggers.
Su última propuesta es Bloglink un servicio al estilo Digg.com, con la que Insalla invita no sólo a los bloggers sino a todas aquellas personas que dispongan de un web site, a promocionar sus productos o artículos mediante post que pueden ser votados por los usuarios.

Desde Blog todo en 1 invitamos a todos los blogger a unirse a Bloglink.

Poner un Logo para que nos enlacen


Les voy a mostrar el código necesario para poner nuestro logo y que nos enlacen otros blog, tal y como lo tenemos aquí, en Blog Todo En 1, situados en nuestra sidebar situada más a la derecha.
Bien, lo primero será disponer de nuestro logo de unas medidas de 150 x 50 píxeles.Recordar que si no sabéis realizar uno, podéis consultar en el apartado "Necesitas un Logo o Header" dentro de nuestro menú.
Una vez el paso anterior esté resuelto, es decir, ya disponemos de nuestro logo, tenemos que buscar un lugar para hospedarlo y que nos faciliten una dirección de alojamiento para poderla indicar en nuestro código.Personalmente uso y recomiendo ImageShack. Una vez que se accede, pulsas a "Examinar" para indicar la dirección de tu pc donde tienes guardado el logo y cuando ya la hayas localizado, pulsas sobre el botón "Host it!". En un instante ImageShack nos mostrará diferentes enlaces para nuestro logo ya hospedado.Nosotros necesitaremos el último que se nos muestra, el que nos indica una url simple.
Espero que hasta aquí todo haya ido bien, es fácil, no?
Para continuar, os facilito el código para la téxtarea necesaria, para que otros blogger copien el código de enlace que se indica y puedan colocar nuestro logo en otros blog y así darnos a conocer.

<div class="widget-content">
<a href="http://blogtodoenuno.blogspot.com/" target="_blank"><img src="http://img170.imageshack.us/img170/7641/blogtn1lz3.jpg"/></a>
<textarea><a href="http://blogtodoenuno.blogspot.com" target="_blank"><br/><img src="http://img170.imageshack.us/img170/7641/blogtn1lz3.jpg"/></a></textarea>
</div>

Ahora, para que funcione, debemos copiar el código anterior y sustituir:
http://blogtodoenuno.blogspot.com/por la dirección de nuestro blog. Ojo! tened en cuenta que aparece dos veces, por lo que debemos sustituirla dos veces.
Y para finalizar con el código, debéis sustituir la url de la imagen: http://img170.imageshack.us/img170/7641/blogtn1lz3.jpg por la que obtuvimos antes cuando alojamos nuestro logo en ImageShack.Tened en cuenta de nuevo que hay que sustituirla dos veces también.
Ya tenemos nuestra textárea lista para implementar en nuestra sidebar.
Espero que haya resultado fácil.


Dar a conocer nuestro blog


Este post va dirigido para las personas que recién comienzan en este mundo de los blogs, cada vez más conocidos.
Una vez tengamos nuestro blog listo es necesario obviamente darlo a conocer para que este vaya teniendo visitas.
Nosotros recomendamos, los intercambios de link con otros blog (ideal aquellos que compartan temática).
Y como no, también registrarse en todos los directorios para blogs; tales como:
Buzzear,Bitacoras.com, Boosteblog, BlogVip.com,etc.
Sólo escribe en tu buscador web preferido "directorios para blog" y ahí podrás ver e incribisrte.
También recomendamos, pues aunque suene a tópico, "pasar la voz" entre nuestros conocidos y amistades.
Creo que para empezar a captar visitas, todo lo mencionado anteriormente es muy válido.En poco días te darás cuenta como las visitas irán aumentando.Claro que, para que esas visitas crezcan aún más, es necesario que tengas actualizado tu blog.

Comentarios Recientes en tu Blog


Curioseando por la blofsfera, me he encontrado con un blog que nos permite implementar en nuestra sidebar un widget con nuestros comentarios recientes.

Para tener tu widget con tus comentarios recientes, entra aquí
Simplemente debes indicar el título o para tu widget, dirección de tu blog y cantidad de comentarios a mostrar.Una vez indicado los datos, pulsamos en la tecla "Apply" y a continuación pulsamos en "Add widget to my blog".Bien, entonces se nos abrirá la página de blogger donde te indicará el blog donde se implementará (en el supuesto de que sólo dispongas de un blog) para aquellas personas que dispongan de más de un blog, deberá elegir el blog donde quiere que se implemente.Por último, debemos pulsar Añadir Artilugio y listo! ya tendremos nuestro widget.

Scroll vertical con vínculos


Mediante este post les voy a indicar como implementar en la sidebar de su blog, un Scroll vertical para indicar vínculos en él.

Sería ideal que copien en el blog de notas de su pc o en el Word, el código que les dejaré a continuación, para que puedan hacer las modificaciones que deseen.

Donde se indica #FFB751 corresponde al color del fondo.
Height es el alto (120), Widht es el ancho, size el tamaño de la letra (2),.... y a partir de allí los enlaces: primero la URL y luego el nombre, como en cualquier vínculo. Te dejo varios como modelo.

<center><h3>Aqui indica el titulo</h3></center><center>&Aqui puedes colocar signos&;</center><br/><marquee direction="up" loop="true" scrolldelay="200" scrollamount="10" onmouseover="stop()" bgcolor="#FFB751" height="120" width="100%" onmouseout="start()"><font color="#000000" size="2"> <center><a href=" http://blogtodoen1.blogspot.com/" target="_blank">BlogTodoen1</a></center><center><a href="http://elescaparatederosa.blogspot.com/" target="_blank"> Rosa </a></center><center><a href="http://gemablog-.blogspot.com/" target="_blank"> Gema Blog </a></center><center><a href="http://keytrucos.blogspot.com/" target="_blank"> Key </a></center><center><a href="http://lablogueria.blogspot.com/" target="_blank"> La Blogueria </a></center><br/></font></marquee>

También se puede modificar la velocidad indicndo el valor deseado.

Así se mostraría:

Aqui indica el titulo

&Aqui puedes colocar signos&;

BlogTodoen1
Rosa
Gema Blog
Key
La Blogueria
Todo Mp3
Rincón Cubano
Calle 1440
Ritmo Latino

Eliminar numeración en etiquetas y archivos


En este post les explicaré como eliminar la cantidad entre paréntesis que aparece tanto a la derecha de cada etiqueta o archivo.

Para las etiquetas:

Como siempre entramos a Diseño-Edición de HTML-Expandir plantillas de artilugios.
Una vez situados, debemos encontrar el widget el siguiente widget:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>

Más abajo del código anterior se muestra:

(<data:label.count/>)

Simplemente eliminamos la línea de código anterior y así ya no se nos mostrará la cantidad.

Para los archivos:

Igual que para las etiquetas, entramos hasta Expandir plantillas de artilugios y localizamos el widget correspondiente a los archivos:

<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>

Más abajo tenemos que localizar el siguiente código:

(<span class='post-count'><data:i.post-count/></span>)

Finalizamos borrando la líneade código anterior.

Widget de blogroll para blogger


Investigando en la blogalaxia, he encontrado algo muy útil para los blogs de la plataforma Blogger.
En Blog and Web, nos indican paso a paso como implantar un blogroll en dicha plataforma.Algo que es muy útil para ordenar nuestros blogs recomendados.

Incorporar una radio a tu blog


Este post les ayudará a incorporar una radio online en su blog.El proceso es bastante sencillo.Unicamente deberás saber la dirección URL de la radio que deseas incorporar e indicar dicha dirección en el código que voy a indicar más abajo.

Para conocer la URL de la radio, basta con que te posiciones con el ratón encima del reproductor de la misma y haciendo un "click" con el botón derecho de tu ratón, bajes hasta el apartado propiedades.Verás que una vez en propiedades con un nuevo "clcik" (ahora con el botón izquierdo) podrás ver cierta información acerca de la radio.Entre esa información se encuentra la dirección URL que necesitamos indicar en nuestro código.Bien, un vez localizada, deberás copiarla (Para aquellos que no sepan como copiarla desde el campo propiedades: Muévete con el ratón hacia el final de la dirección URL.Ahora pulsa el botón izquierdo del ratón y sin soltarlo, ve moviéndote de derecha a izquierda, comprobando que se va marcando la dirección URL.Cuando esté toda marcada, normalmente se marca con un color azul,puedes pulsar el comando Ctrl+C para que se copie).

Perfecto, una vez tenemos la dirección, vamos a incorporar la misma a nuestro código necesario para que nuestra radio funcione.

El código es:

<EMBED type="application/x-mplayer2" pluginspage="
http://www.microsoft.com/windows/windowsmedia/en/Download/default.asp?tcode=9#location2
" src="http://URL-de-la-Radio-Online" name="MC1" height=45 width=280 AutoStart=False ShowStatusBar=True ShowGotoBar=Talse TransparentAtStart=true bbclient=0></EMBED>


Debes sustituir "http://URL-de-la-Radio-Online" por la dirección que copiamos anteriormente.Para ello, sitúate en el final; Online" y como hicimos anteriormente, con el botón izquierdo del ratón ve marcando de derecha a izquierda.Una vez esté toda la dirección marcada, pulsa Ctrl+V para que se pegue la URL de la radio que copiamos.

También, del mismo código, puedes personalizar los siguientes apartados:
height=45 width=280 : Puedes sustituir los valores por las medidas que desees que tenga tu radio.
AutoStart=False : Quiere decir que el usuario de nuestro blog, deberá pulsar el botón Play para poder escuchar la radio. Si cambiamos el valor False por True, la radio comenzará a funcionar automaticamente al acceder a nuestro blog.
El resto del código deberá quedar como está indicado.

Nota: Para poner el código debes copiar todo el código que se muestra más arriba.Recuerda que para copiar, puedes seguir los mismos pasos que cuando copiaste la dirección de la radio, utilizando el comando Ctrl+C o en este caso, una vez tengamos todo el código marcado o seleccionado, haces un "clcick" con el botón derecho del ratón y seleccionas copiar.Para pegarlo, iguelmente pulsas el comando Ctrl+V o cuando estés situado en el apartado html que lo quieras pegar, haz un "click"con el botón derecho y selecciona pegar.Luego sustituyes los valores que quieres incluída la URL y listo.

Finalmente se te mostrará:



Muy bien, ahora ya tienes una radio en tu blog.
Fácil, no?

Icono en la lista de Etiquetas (Categoría o Sección), Comentarios, Autor.


Icono para la lista de etiquetas (Categoría o Sección)
Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código entre . Preferible que lo pegues al final (antes de ]]>), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.

#Label1 li {
list-style:none;
padding-left: 18px;
background: transparent url(http://Aquí-la-dirección-del-icono) no-repeat center left;
}

Explicación:
- La lista de etiquetas están definidas con la clase Label1.
- La propiedad list-style, especifica el tipo de marcador de artículos de lista.
- La propiedad padding-left, describe cuanto espacio colocamos entre el borde izquierdo y el contenido.
- En el background, la url correspondiente al icono.
Nota: Estos iconos tienen que ser: 16px por 16px.


Icono para los Comentarios
Es el mismo paso cuando agregas un icono a la lista de Etiqueta. En este caso he puesto dos códigos: en el primero el icono aparece al costado de la palabra comentario y el segundo un icono al lado del nombre del autor.

.post-comment-link {
padding-left:20px;
padding-top:5px;
background: url(http://Aqui-la-direccíón-del-icono) center left no-repeat;
}

#comments dl dt {
font-weight: bold;
font-style: italic;
margin-top: 35px;
padding: 1px 0 0 18px;
background: transparent url(http://Aquí-la-dirección-del-icono) top left no-repeat;
}

Icono para el Autor (Publicado por)
Es el mismo paso cuando agregas un icono a la lista de Etiqueta.

.post-author {
padding-left:20px;
padding-top:5px;
background: url(http://Aquí-la-dirección-del-icono) center left no-repeat;
}

Icono al costado de la palabra Etiqueta
Es el mismo paso cuando agregas un icono a la lista de Etiqueta.

.post-labels {
padding-left:20px;
padding-top:5px;
background: url(http://Aquí-la dirección-del-icono) center left no-repeat;
}

Web con iconos para descargar: Famfamfam
 

©2011 Blog Todo En Uno | Theme diseñado por chicoloco123 para Fuutec.com | Ir arriba ↑