Como añadir un bloque especial para añadir codigo fuente a nuestras entradas

Como añadir un bloque especial para añadir codigo fuente a nuestras entradas

En esta web tenemos las instrucciones necesarias:
http://alexgorbatchev.com/SyntaxHighlighter/integration.html


Basicamente nos dice lo siguiente

Tenemos que añadir el siguiente codigo antes de finalizar la etiqueta </head> de nuestra web:



















A partir de ahora, podemos añadir bloques de codigo de esta manera:

El codigo aqui

Donde brush:html es el tipo de codigo que queremos mostrar. podemos elegir entre estos:

 Cpp
CSharp
Css
Java
JScript
Php
Python
Ruby
Sql
Vb
Xml
Perl

Ejemplo de codigo en PHP:


for($i=0;$i<10;$i++){
echo "Hola mundo";
}

Eso es todo!!

Cómo publicar las entradas de tu blog automáticamente en Twitter y Facebook

A veces queremos publicar entradas de nuestro blog en twitter o facebook, y resulta un poco engorroso publicar siempre que creamos una entrada. Una de las soluciones, es usar esta pagina web:

http://twitterfeed.com/

Esta web nos permite registrarnos, y decirle que rastree automaticamente nuestro blog, en busca de nuevos post, y de ser asi, que los publique automaticamente en Facebook o twitter o ambos.

Lo primero que tenemos que hacer es registrarnos en la web, asi que pinchamos en REGISTER NOW, y aparecera una pantalla como esta:

Luego tenemos que rellenar el nombre de nuestro blog, y la direccion de la fuente rss de nuestro blog. quedara asi:


Pinchamos en CONTINUE TO STEP 2

Configuramos ahora los datos donde queramos publicar nuestras entradas de forma automatica:

Primero pinchamos en Twitter, y le damos al boton AUTHENTICATE TWITTER


Tendremos que permitir la aplicacion, y a continuacion pinchar en CREATE SERVICE

Luego pinchamos en FACEBOOK


 Y pinchamos en el boton Connect with FACEBOOK

Le damos a permitir

Elegimos una cuenta del listado (Si todo ha salido bien, deberia aparecer)

Le damos a Create Service


 Por ultimo le damos a ALL DONE! y ya hemos terminado

Podemos pinchar en verDashBoard, para ver como efectivamente esta todo configurado

Un saludo!!!!

Como poner de una forma sencilla, el boton ME GUSTA de Facebook en mi Blog de Blogger

Paso 1 (2 opciones):
    a.- O copiamos este codigo que pongo a continuacion:
   
    <div id=”fb-root”></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = “//connect.facebook.net/es_LA/all.js#xfbml=1”;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));</script>
    <div class=”fb-like” data-send=”true” data-width=”450″ data-show-faces=”true”></div>
   
    b.- O creamos nuestro propio codigo a nuestro gusto, desde esta pagina web:
   
        http://developers.facebook.com/docs/reference/plugins/like/
       
        nota: TODO EN INGLES
       
Paso 2.- Nos vamos a la configuracion de nuestro BLOG, al apartado Configuracion -> Apartado ENTRADAS Y COMENTARIOS.

Tu blog de Blogger para tu dispositivo movil

Acabo de descubrir un metodo incleible para convertir automaticamente tu web de blogspot, a formato para movil. Se trata de un gadget llamado Blogger Touch completamente gratuito, que podeis encontrar en esta direccion: http://bloggertouch.sopili.net/

Hay que hacer tres sencillos pasos. Princhamos en este enlace y seguimos las intrucciones: http://bloggertouch.sopili.net/mobile-edition-maker

PASO1: rellenamos los datos de nuestra direccion de blogspot, y le damos a GO
PASO2: rellenamos la redirreccion a la web que tendra el codigo para movil, le damos a NEXT
PASO3: Le damos a agregar nuestro Codigo, y le damos a NEXT
PASO4: Finalizamos , y verificamos que todo funciona.

Si veis esta web desde un movil, vereis los resultados.

Tambien he transformado la web que tengo de mi curriculum:
www.davidfraj.com

Un Saludo a todos!!!!