Mostrando las entradas con la etiqueta Entradas. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Entradas. Mostrar todas las entradas

domingo, 27 de junio de 2010

Publicar entradas de blogger a facebook

Enviar las entradas para crear un grupo para vuestro blog.
facebook_blogger_wedding Las redes sociales hacen un esfuerzo por cada vez unificar más y más los servicios de internet consigo mismos ya que dan una gran utilidad para dar más visitas y que la gente los siga tanto en sus cuentas gmail, msn, facebook, twitter y muchas más.
Ahora necesitaras una cuenta facebook, si no tienes has click aquí. llenas los datos que piden y listo.
Ahora nos crearemos una página para nuestro blog en facebook, para comenzar con esto debemos entrar en alguna página previamente hecha en facebook como por ejemplo esta:
http://www.facebook.com/home.php?#!/pages/Abismo-Paranormal/126000090761298?ref=sgm
Ahora que estamos ahí debemos bajar al ultimo de su barra lateral izquierda:
sshot-19
Hacemos click donde dice: “Crear una página para mi empresa
Nos aparecerá esta página:
sshot-20
Ahora seleccionamos 1.-Crea una página para 2.- Marca producto u organización y seleccionamos página web
Escribe el nombre de tu página
Luego marca:Soy el representante oficial de esta persona, negocio, grupo de música o producto y tengo permiso para crear esta página.Consulta las condiciones de Facebook.
Y por último clickeamos esto: sshot-21
Y con eso tenemos lista nuestra página de facebook
Ahora vamos por enlazar vuestro blog a la página creada en el facebook, para eso hacemos click en esto Editar página: 
sshot-22
Bajamos hasta donde dice “Notas” y seleccionamos editar.
sshot-23
Se abrirá otra pagina y selecionamos donde dice Importar Blog.
sshot-24
Se abrirá otra página introduces el link de tu blog doce dice “Introduce un sitio web…” y marcas la casilla que dice “Al escribir una URL…” es recomendable escribir tu feed de tu blog ahí como por ejemplo http://feeds.feedburner.com/cirujanoblogger
sshot-26
seleccionas “Iniciar Importación” y LISTO!
Seguir Leyendo...

sábado, 26 de junio de 2010

Publica en Twitter lo que publicas en el Blog

sshot-4
Desde la aparición de Twitter en marzo de 2006 ha ganado gran aceptación por el publico en general debido a la simpleza de publicar, se seguir, de contactar y de enviar pequeños mensajes llamados tweets o gorjeos (de ave en general).
Ahora se abre paso a la nueva forma de unir esta Red Social con Blogger a través de tu feed de tu blog. Cada vez que publiques algo aparecerá en tu Twitter para tener seguidores de ambas partes.
Para hacer la “conexión” de tu blog a Twitter debemos hacer los siguientes pasos:
1.- Registrarte en Twitter click aquí si no lo tienes y si ya lo tienes omite este paso
2.- Entra a tu cuenta de Feedburner. Parecerá esto:
sshot-5
Debes seleccionar tu blog haciendo click sobre él.
3.- Ahora selecciona la pestaña Publicize.
sshot-6
4.- Seleccionamos Socialize que esta en el menú lateral izquierdo.
sshot-7
5.- Presiona el botón que dice Add a Twitter account, se abrirá una ventana solicitando tu permiso para enlazar las cuentas, haz click en Permitir:
permitir shot 4
6.- Continuas en tu Feed y ahora te toca seleccionar que cosas quieres que se vean el  la publicación, esta en ingles pero no presente dificultades y si lo hace CLICK AQUI.
Si tienes más blogs no es necesario repetir todos los pasos, sólo dirígete a Socialize y presiona Activar, tus datos y preferencias estarán guardados.
Title Only : Solo el titulo del post o publicación.
Title and Body: Titulo y parte de la publicación.
Body Only: Solo el contenido del post en resumen.
Hash tags: si quieres Etiquetas.
7.- Por ultimo solo vas hasta bajo y clickeas el boton ACTIVAR y LISTO!
Seguir Leyendo...

Mostrar solo Fragmento de la Publicación

Resumen del post con leer más e imagen en miniatura.
El tener muchas cosas en el blog dificulta a la gente poder leer el contenido que realmente se quiere leer, para eso esta “leer más…” que da lugar a la libre elección de selección del contenido que se quiere leer o visualizar en nuestra pantalla.
Las opciones son varias para poner este script en nuestros blog`s como por ejemplo la que presta blogger en la que se pueden cortar las publicaciones para que posteriormente se tenga que elegir el “leer más” para continuar leyendo, pero lamentablemente esta opción no es automática ya que se debe ingresar de una forma “manual” por decirlo así. Para esos que quieren ahorrar espacio y dar una elección al lector de seleccionar que se quiere leer esta esta modificación para la plantilla de vuestro blog.
sshot-3
Ahora lo primero que haremos será:
1.- Ir a Diseño 
sshot-5
2.- Luego click en Edición HTML
sshot-2
3.- Marcar la casilla “Expandir Artilugios”
sshot-1
4.- Copias y buscas esto : <data:post.body/>
sshot-2
5.- Ahora borramos <data:post.body/> y lo reemplazamos por esto:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

6.- Buscamos esto: </head> y antes de esto copiamos y pegamos esto y LISTO!:
<script type='text/javascript'>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

Si queremos modificar los colores lo corregimos a nuestro gusto en relación con lo siguiente:
summary_noimg = 400; Número de Letras o caracteres cuando la entrada NO tiene una imagen
summary_img = 300; Número de Letras o caracteres cuando la entrada tiene una imagen
img_thumb_height = 125; Alto de la imagen en miniatura
img_thumb_width = 125; Ancho de la imagen en miniatura

También puedes cambiar el texto de “Leer más…” sustituyéndolo por la frase que queramos o por la imagen que queramos modificando lo siguiente:
<img src="URL de la imagen" />
Seguir Leyendo...