[el Blog de DIMCO] - @dmclemente

Configurar SyntaxHighlighter en [Blogger]

Ahora publicar lineas de codigo de nuestro lenguaje de programacion preferido en nuestro blog es mas sencillo gracias al SyntaxHighlighter. Esta nueva entrada que deseo "compartir" es sobre la configuracion del SyntaxHighlighter ("Resaltador de sintaxis de código"), una herramienta sencilla de usar y que esta desarrollado en Javascript.

El uso de esta herramienta tiene que ver con la facilidad de mostrar nuestro codigo fuente de diferentes lenguajes como si fuera visto en nuestro IDE preferido (Eclipse, Netbeans, SpringToolSuite, Dreamweaver, PhpEditor, JDeveloper, Rational Application Developer, MyEclipse, FlexBuilder, etc).

En este enlace estan especificados los lenguajes de programacion disponibles a que pueden ser usados con esta herramienta.

Bien, ahora hay que seguir ciertos pasos tener configurado esta herramienta en nuestro "blogger".

- Ingresa a este link SyntaxHighlighter.css, selecciona todo el contenido (CTRL + A) de la hoja de estilos y copiar.

- En tu "blogger" ingresa a la seccion Diseño - Edicion de HTML y podrás ver la plantilla actual de tu blog.

- Ahora ubica la linea <b:skin> y pegar la informacion copiada del archivo css justo antes de la linea </b:skin>.

- Seguidamente copiar el siguiente contenido y pegarla en la antes de terminar la seccion </b:head>.

<!-- lenguajes frecuentemente usados por mi -->
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

-Ahora copiamos las siguientes lineas para la configuracion de SyntaxHighligther, y pegarlas justo antes de terminar la seccion </b:body>.

<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

Bien, ya tenemos nuestro "blogger" configurado para usar este herramienta. Ahora podemos crear una "Nueva entrada" y hacer las pruebas necesarias con algunos de los lenguajes.

La sintaxis mas sencilla del SyntaxHighlighter es la siguiente y para cambiar de un lenguaje a otro solo tenemos que cambiar el nombre del class. Ejm: class="php" a class="java".

<pre name="code" class="php">
...Aqui escribir el codigo del lenguaje deseado ..
</pre>

Aqui una muestras de fragmentos de codigos sencillos utilizando esta herramienta:

* Muestra con "java"

//Prueba Bienvenido
public static void main(){
String miBlog= "blogdedimco.blogspot.com";
int a=0;
System.out.println("Bienvenido al "+miBlog);
}

- Muestra con "sql"

--Pruebita con sql
select * from usuario;
--bienvenido al blogdedimco.blogspot.com
create table usuario (codigo int(99), username varchar2(25), email varchar2(30));
insert into usuario values(1,'dmclemente','dieg209@gmail.com');

}

- Muestra con "html"

<html>
<head>
<title>Ejemplito usando html </title>
</head>
<body>
<h1>Bienvenido al blogdeDimco.blogspot.com</h1>
<a href="http://twitter.com/dmclemente"> Follow me on twitter</a>
</body>
</html>

- Muestra con "javascript"

<script languaje="javascript">
//Prueba alertita
function saludar(){
alert('Bienvenido al blogdeDimco.blogspot.com');
}
</script>

* Para no tener problemas con los codigos html, pueden ayudarse con la herramienta Quick Escape, la cual convierte Raw HTML a Escaped HTML. Es decir si ya tienen su codigo sea html, javascript, PHP, SQL, java, etc, solo copienlo dentro del formulario del siguiente link y click en el boton Convert to Escape characteres. Aqui el link Quick-escape.

Espero haya sido util.

Tu amigo DIMCO.

El interesante "Beruby"

No ha pasado mucho tiempo y gracias a un amigo llegue a BeRuby , al comienzo no lograba entender cual seria la utilidad de inscribirme y comence a investigar algo sobre este "portal".

Hoy en dia existen muchas empresas que pagan comisiones al realizar una venta por internet, al conseguir nuevos usuarios registrados en sus sitios, o simplemente por visitarlas en su web. Lo interesante de BeRuby es que puedes generar ingresos diariamente por la actividad realizada en la web, personalmente lo hago. Por ejemplo cuando realizo una busqueda simple por el navegador, incremento mis ingresos.

Algunos puntos a mi parecer por las que uso diariamente "beruby":

- Es un portal que comparte sus ingresos con miles de personas. (Me incluyo)

- Puedes formar una red de invitados y "beruby" te paga por esto, generas ingresos gracias a tus invitados y por tu cuenta. Aqui una imagen de algunos invitados que tengo en mi red beruby, no hay restriccion de paises.

- Puedes personalizar y organizar tus enlaces y paginas en modulos y definir tus sitios web frecuentes, obviamente de agradable aspecto visual para el usuario. A continuacion un modulo que tengo en mi portal con mis sitios frecuentes.

- Hay cientos de anunciantes organizados en modulos. Por ejemplo: Ganar por Visita, Ganar por Registro, Ganar por Compra, mediante los cuales incrementas tus ingresos (euros). Una recomendacion sobre este punto es visitar diariamente el "blogberuby" ya que alli se publican las ultimas promociones para acumular ingresos extras y novedades en la red.

-Cuando los miembros de tu red de invitados realizan alguna actividad en beruby, tu ganas una comision.

- Puedes ver estadisticas sobre tu red de invitados, clasificados por paises, asi como tu Saldo, el Historial de movimientos de tus ingresos organizados por fechas, concepto,etc.

- Aqui surge la pregunta ¿Como hago para obtener el dinero generado? La respuesta es sencilla, hay 2 formas. Mediante transferencia bancaria y mediante una cuenta PayPal, la cual es una forma rapida de cobrar, pagar y enviar dinero por Internet. Cabe resaltar que cada cierto tiempo se incorporan mejoras en ciertas funcionalidades para que el usuario pueda tener muchas mas opciones en la navegacion.

Aqui el link de registro en BeRuby: http://es.beruby.com/promocode/u8cap9

Para informacion general y preguntas frecuentes pueden encontrarlas aqui:

http://es.beruby.com/web/faq

Tu amigo DIMCO

Bienvenid@ al Blog

Me anime a realizar "el Blog de DIMCO" pensando en lo importante que es tener hoy en dia algo que compartir, sea mucho o poco. Las redes sociales hoy en dia han crecido considerablemente y he estado incluyendome de a pocos en esto, es asi que pueden encontrarme con frecuencia en @dmclemente

Como primera entrega, aqui posteo una primera foto, con unos buenos amigos (Ing. Sistemas) por supuesto, con quienes comparti algunos proyectos interesantes y otros no en la Direccion Previsional DIPREV. Actualmente me encuentro laborando en una empresa relacionada a Tecnologias de Informacion y Desarrollo de Software; y al igual que ellos mantenemos la amistad y comunicacion.

[De izquierda a derecha] - @dmclemente , @darias y @ccuzcano

Por otra parte, tambien posteo otra foto con unos buenos amigos ingenieros y muy profesionales desde la universidad.

[De izquierda a derecha] - @jimckes , @darias , @jlandauro y @dmclemente

Despues de este breve comentario, quedan bienvenid@s a mi blog y espero aportar cosas interesantes, que estoy seguro será util para los demas.

Tu amigo DIMCO

- DIMCO

Suscribirse a: Entradas (Atom)

marzo 29, 2011