Miscelaneos blog

Generador de Favicón

noreply@blogger.com (José Pinto) — Sat, 29 May 2010 02:50:00 +0000

Conversor de Entidades HTML

noreply@blogger.com (José Pinto) — Sat, 29 May 2010 02:29:00 +0000

Conversor de Entidades HTML

noreply@blogger.com (José Pinto) — Sat, 29 May 2010 02:00:00 +0000

Conversor de Códigos

noreply@blogger.com (José Pinto) — Sat, 29 May 2010 01:39:00 +0000

Conversor de Códigos

Convertido:

Prueba 2

noreply@blogger.com (José Pinto) — Mon, 15 Jun 2009 00:54:00 +0000

<script style="text/javascript"

 

 src="http://1nnumq.blu.livefilestore.com/y1pzdOZhMQs4wcbZoibv6p4_TAVgHTHPyHL3dDNH5oA9hRU1nkEdpPDYKjOFlDNCTvNOtyiFJtP1hfr7-r9fXihXQ/comentarios.recientes.js"></script>

 

 <script style="text/javascript">

 

 var numcomments = 10;

 

 var showcommentdate = true;

 

 var showposttitle = true;

 

 var numchars = 50;

 

 var standardstyling = true;

 

 </script>

 

 <script src="URL de tu blog/feeds/comments/default?alt=json-in-script&

 

 callback=showrecentcomments"></script>

Prueba de Quick Highlighter

noreply@blogger.com (José Pinto) — Mon, 15 Jun 2009 00:02:00 +0000

<script style="text/javascript"

 

 src="http://1nnumq.blu.livefilestore.com/y1pzdOZhMQs4wcbZoibv6p4_TAVgHTHPyHL3dDNH5oA9hRU1nkEdpPDYKjOFlDNCTvNOtyiFJtP1hfr7-r9fXihXQ/comentarios.recientes.js"></script>

 

 <script style="text/javascript">

 

 var numcomments = 10;

 

 var showcommentdate = true;

 

 var showposttitle = true;

 

 var numchars = 50;

 

 var standardstyling = true;

 

 </script>

 

 <script src="URL de tu blog/feeds/comments/default?alt=json-in-script&

 

 callback=showrecentcomments"></script>

Como acelerar la navegacion en I.E.

noreply@blogger.com (José Pinto) — Mon, 06 Apr 2009 07:10:00 +0000

Antes de realizar cualquier cambio importante en tu plantilla, no olvides "GUARDAR" una copia de la misma

Anteriormente habíamos hecho alusión a éste título pero aplicado a Mozilla Firefox. Hoy, después de varias pruebas y ver los resultados positivos de las mismas, vamos a suministrarles la información, pero aplicada a Internet Explorer.

En el editor de registro nos vamos a INICIO, le damos a EJECUTAR y en el recuadro que nos aparece:

colocamos en abrir REGEDIT y le damos aceptar. Al abrir la rama hacemos click llevándonos por ésta secuencia:

HKEY_CURRENT_USER/Software/Microsoft/WindowsCurrentVersion/InternetSetting

Luego, haciendo click derecho, se nos abrirá una ventana, donde vamos a crear dos (2) nuevos valores DWORD, donde al primero lo llamaremos MaxConnectionPerServer, y donde vamos a hacer click derecho y seleccionamos MODIFICAR, cambiando, si existe, o colocando si no, el valor 6 en la casilla de decimal.

Al segundo valor lo llamaremos MaxConnectionPer1_0Server, donde hacemos la misma operación que en el anterior valor, y el valor del número será 8. Luego de esto cerramos ventana y .... listo. Verán la diferencia.

Acelerando Mozilla Firefox.

noreply@blogger.com (José Pinto) — Sat, 04 Apr 2009 21:56:00 +0000

Antes de realizar cualquier cambio importante en tu plantilla, no olvides "GUARDAR" una copia de la misma.

Este es un truco ideal para los usuarios, como yo, de Firefox, con el cual lograremos acelerar, notablemente, nuestra navegación.

Para comenzar nos vamos a la barra de direcciones de Firefox y escribiremos esto about:config, que no es otra cosa que la página de configuración avanzada de Firefox. Esto nos llevará a otra página donde conseguiremos algunos valores, y donde tendremos que ubicar lo siguiente:

network.http.pipelining.
network.http.pipelining.maxrequest.
network.http.proxy.pipelining.

Luego, haciendo click sobre ellas,cambiar sus valores de falsos (false) a verdaderos (true) . Sólo el valor http.pipelining.maxrequest no nos presentará un valor falso para cambiar a verdadero. Nos presentará un valor cero "0", el cual debemos cambiar a "30" , que no es mas que el número de peticiones que se realizarán, de forma simultánea, en el navegador, acelerando. notablemente, la carga de la página.

Despues de esto, hacemos click con el botón derecho del mouse en cualquier lugar de la página, y en el recuadro que nos va a aparecer seleccionamos "NUEVO" y "ENTERO" , colocándole al nuevo campo el nombre nglayout.initialpaint.delay y un valor de "0". Esto le informa al navegador que no espere para mostrar en pantalla la información en pantalla que recibe.

Debemos tener presente algo:

" LAS MEJORAS SOLO SE MOSTRARAN SI SE TIENE UNA BUENA CONEXION "

Espero que esta información les sea de utilidad.

Agregar como favoritos

noreply@blogger.com (José Pinto) — Sun, 29 Mar 2009 19:02:00 +0000

Una forma de agregar una página a favoritos de manera fácil y desde nuestro tablero es pulsando las teclas CTRL+D de forma simultánea. Espero que esta información les sea de utilidad.

Personalizar los titulos de las entradas

noreply@blogger.com (José Pinto) — Thu, 19 Mar 2009 11:11:00 +0000

Antes de realizar cualquier cambio importante en tu plantilla, no olvides "GUARDAR" una copia de la misma. Los errores se pagan caro.

Cuantas veces no hemos querido cambiarle el color a los títulos de las entradas; pero no cambiarlo todo por completo, me refiero a colocar una parte del título en un color y la otra parte en otro color, porque para cambiarlo por completo lo podemos hacer modificando el CSS en la plantilla. Yo me refiero a algo como esto:

Personalizar los titulos de las entradas

Personalizar los titulos de las entradas

Personalizar los titulos de las entradas

Personalizar los titulos de las entradas

Para ello utilizamos el siguiente código:


<i>AQUI LA PARTE DEL TITULO QUE NO TIENE COLOR</i><color font="AQUÍ EL COLOR QUE VAMOS A COLOCAR Y DEBE PONERSE EN INGLÉS>AQUI EL TEXTO QUE SE VA A COLOREAR</font>

De ésta manera podrán colocar el titulo de las entradas en dos colores como el titulo de ésta entrada. Espero que les sea de utilidad.

Resaltar textos

noreply@blogger.com (José Pinto) — Wed, 18 Mar 2009 23:33:00 +0000

Antes de realizar cualquier cambio importante en tu plantilla, no olvides "GUARDAR" una copia de la misma. Los errores se pagan caro.

Una de las formas que conocía, hasta ahora, era la que generalmente se utiliza cuando escribimos un post, y es la de con el click izquierdo del mouse, sombrear el texto seleccionado, luego pulsamos la T de los colores en el editor del blog, escogemos el color y luego hacemos, nuevamente, click al final de la frase o texto, teniendo así solucionado esa interrogante.

A continuación les voy a dejar una forma de obtener ese resultado y es con CSS. Accedemos a nuestra plantilla de la forma acostumbrada, nos vamos a EDICION HTML, y expandiendo artilugios buscamos, ayudados con nuestro buscador de códigos (CTRL+F) lo siguiente:

<style type="text/css">

y justo debajo colocamos esto:

span.highlight{
background-color:#(AQUI COLOR CON EL CUAL SE RESALTA);
}

Luego, el código que vamos a utilizar para resaltar el texto o frase que queremos, es el siguiente:

<span class="highlight">AQUI TEXTO O FRASE A RESALTAR</span>

Para tener siempre a mano éste código, en el momento de utilizarlo cuando escribimos un post, hacemos lo siguiente: nos vamos a CONFIGURACION, hacemos click en FORMATO, y en el recuadro PLANTILLA DE ENTRADA pegamos el código para, como dije antes, tenerlo a mano. Espero que les sea de utilidad.

Como agregar elementos adicionales a la plantilla.

noreply@blogger.com (José Pinto) — Tue, 10 Mar 2009 16:59:00 +0000

Antes de realizar cualquier cambio importante en tu plantilla, no olvides "GUARDAR" una copia de la misma. Los errores se pagan caro.

Con la explicación que conseguiremos a continuación, podremos agregarle elementos, a nuestra plantilla, en lugares donde, normalmente, no se puede hacer: ENCABEZADO o LA COLUMNA. Para ello accedemos a nuestra plantilla de la forma acostumbrada, nos vamos a EDICION HTML, y sin expandir artilugios, y con la ayuda de nuestro buscador (CTRL+F) buscamos el siguiente código:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

y lo sustituímos, completamente, por éste:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

Este código nos sirve para AGREGAR ELEMENTOS EN EL ENCABEZADO.

Para la sección de ENTRADAS, y con el mismo "paso a paso" para el proceso anterior, buscamos el siguiente código:

<b:section class='main' id='main' showaddelement='no'>

y lo sustituímos por éste:

<b: section class='main' id='main' maxwidgets='3' showaddelement='yes'>

Luego de haber hecho esto GUARDAMOS PLANTILLA, y nos vamos a ELEMENTOS DE PAGINA para ver los cambios realizados.
Espero que ésta información les sea de utilidad.

Colocarle subtítilo a una imágen bajada del PC.

noreply@blogger.com (José Pinto) — Sat, 07 Mar 2009 09:59:00 +0000

Había aprendido a hacerlo mediante la utilización de tablas, primero colocando la imágen y luego el título de la misma, pero de ésta manera es lo más sencillo de hacer.
Como primer paso bajamos la imágen de la manera acostumbrada y obtendremos esto:

Como se indica, en la parte marcada en rojo es donde vamos a colocar el subtítulo que le corresponda a la imáge, el color, el tamaño del subtítulo y tipo de letra se lo damos en el editor, y el ejemplo sería éste:

Puesta de Sol

De ésta manera podemos colocarle un subtítulo a las imágenes que bajemos de nuestro PC.

Paginacion.

noreply@blogger.com (José Pinto) — Mon, 02 Mar 2009 21:28:00 +0000

Poder escribir un concepto más claro y conciso que el emitido por J.Miur en su entrada referente a paginación, resultaría bastante difícil. Sólo me queda el explicar, brevemente, la implementación del efecto y a eso voy. Accedemos a nuestra sección de ELEMENTOS DE PAGINA en la plantilla y nos vamos a AÑADIR UN GADGET:

Posterior a esto vamos a agregar el siguiente código como ELEMENTO HTML/Javascript:


<style>

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #ccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #ccc;

background-color:#ccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #ccc;

background: #ccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #ccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333;

}

</style>







<script type="text/javascript">



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';



var pageCount = 4;

var displayPageNum = 5;

var upPageWord = 'Previous';

var downPageWord = 'Next';







var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';



for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

itemCount++;

}

}



for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}



fFlag++;

}



if(p==(thisNum-1)){

html += '<span class="showpagePoint">'+thisNum+'</span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';

}

}



if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){



if(thisNum>1){

if(!isLablePage){

html = ''+upPageHtml+' '+html +' ';

}else{

html = ''+upPageHtml+' '+html +' ';

}

}



html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;



if(thisNum<(postNum-1)){

html += downPageHtml;



}



if(postNum==1) postNum++;

html += '</div>';



if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");



if(postNum <= 2){

html ='';

}



for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&&pageArea.length>0){

html ='';

}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

</script>



<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script>

Veamos el siguiente gráfico para saber donde vamos a insertar, finalmente, y "arrastrando" ya el código para dejarlo, allí, definitivamente.

De ésta manera tendremos instalado nuestro widget de paginación que se verá así:

Espero les sea de utilidad.

Etiqueta "NOFOLLOW": To Be or not To Be

noreply@blogger.com (José Pinto) — Sun, 01 Mar 2009 00:46:00 +0000

La etiqueta "nofollow", tiene una relación intrínseca con Google, puesto que, teoricamente, el spider, que no es más que un programa diseñado para explorar páginas web de manera automática, si sigue el enlace, pero éste no es votado por quien lo enlaza. En consecuencia: ¿Tiene alguna importancia relevante la mencionada etiqueta?.
Recordemos que, originalmente, dicha etiqueta fué colocada para evitar el spam, o porque a alguien no le interesaba votar "esa página". También debemos recordar que los motores de búsqueda tienen como valores, la cantidad de números de enlaces que hay hacia su página, de manera que si estos enlaces no tienen voto, entonces no cuentan como enlaces para el posicionamiento, y por ende, tampoco incrementa, teoricamente, el PAGERANK. Entonces... ¿Que hacemos?. Muchos sugieren eliminar dicha etiqueta y, así, eliminar el "problema" : "NO HAY MAL QUE POR BIEN, NO VENGA".
Accedemos a nuestra plantilla de la manera acostumbrada, expandimos artilugios, y con nuestro buscador de códigos (CTRL+F) buscamos lo siguiente:

<a expr:href='data:comment.authorUrl' rel='nofollow'>

Siguiendo con las mismas instrucciones buscamos los backlik para también eliminar la etiqueta "nofollow":

<a expr:href='data:backlink.url' rel='nofollow'>

Ahora, sin contemplación alguna, eliminamos del código la sección coloreada en rojo y ... LISTO.

Espero que esta información les sea de utilidad.

Cajas para textos segun la ocasion

noreply@blogger.com (José Pinto) — Fri, 27 Feb 2009 12:54:00 +0000

Todos conocemos las famosas cajas contenedoras de códigos, textareas, fieldset y otras. A continuación les dejare algunos modelos de cajas contenedoras de códigos para que las utilicen, según la ocasión que se presente, y con su utilización seguro dejarán una buena impresión en los lectores. Sin hacer más largo el asunto comenzamos con la implementación de un código, el cual debemos colocar en el CSS de la plantilla, y justo encima de ]]></b:skin> colocamos el siguiente código:


<!--Codigo cajas de mensajes especiales-->



body{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

}

.info, .success, .warning, .error, .validation {

border: 1px solid;

margin: 10px 0px;

padding:15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

}

.info {

color: #00529B;

background-color: #BDE5F8;

background-image: url('http://i391.photobucket.com/albums/oo355/carjavi/KnobInfo.png');

}

.success {

color: #4F8A10;

background-color: #DFF2BF;

background-image:url('http://i391.photobucket.com/albums/oo355/carjavi/KnobValidGreen.png');

}

.warning {

color: #9F6000;

background-color: #FEEFB3;

background-image: url('http://i391.photobucket.com/albums/oo355/carjavi/KnobAttention.png');

}

.error {

color: #D8000C;

background-color: #FFBABA;

background-image: url('http://i391.photobucket.com/albums/oo355/carjavi/KnobCancel.png');

}



<!--Fin de este Codigo-->

Hecho esto vamos ahora a implementar los códigos HTML para obtener los resultados que queremos ver y de los cuales les dejaré los ejemplos.

CODIGOS HTML


<div class="info">Info message</div>



<div class="success">Successful operation 

message</div>



<div class="warning">Warning message</div>



<div class="error">Error message</div>

Para tener a mano estos códigos e implementarlo según la ocasión, nos vamos a CONFIGURACION, luego a FORMATO y por último a PLANTILLA DE ENTRADA donde vamos a pegar estos códigos y, así, tenerlos a disposición.
Ahora lo prometido, los EJEMPLOS de cada aviso:

Antes de hacer algún cambio importante en tu plantilla, asegurate de hacer una copia de la misma y guardarla, para evitar problemas futuros.

Gracias por tomar en cuenta mi SUGERENCIA.

RECUERDA HACER UNA COPIA DE RESPALDO.

No tomastes en cuenta la SUGERENCIA.

Espero les sea de utilidad.

Enmarcar un texto.

noreply@blogger.com (José Pinto) — Thu, 26 Feb 2009 02:12:00 +0000

Para enmarcar un texto no vamos a utilizar las famosas cajas de texto o códigos, ni tampoco las textareas y mucho menos el atributo fieldset. Vamos a utilizar el siguiente código, de una manera directa y sencilla:

Este es el ejemplo: Aquí lo que queremos enmarcar, si necesitamos más espacio eso no es problema

Y éste el resultado:

Aquí lo que queremos enmarcar, si necesitamos más espacio eso no es problema

Este es otro ejemplo: Aquí lo que queremos enmarcar, si necesitamos más espacio eso no es problema

y éste el resultado:

Aquí lo que queremos enmarcar; si necesitamos más espacio eso no es problema

Otro ejemplo:


<p style="border:4px double rgb(255,0,0);">Aquí lo que queremos enmarcar, si necesitamos más espacio eso no es problema</p>

y este el resultado:

Aquí lo que queremos enmarcar, si necesitamos más espacio eso no es problema

Centrando los titulos en el blog.

noreply@blogger.com (José Pinto) — Tue, 24 Feb 2009 03:38:00 +0000

La estética, para los amantes de la perfección, es algo de una importancia relevante, y es por ello que traigo ésta entrada, donde el centrado de los títulos forma parte esencial, cual sea la parte donde se aplique. Comenzaremos con el centrado del título del blog, para ello accedemos a nuestra plantilla de la forma acostumbrada, y con nuestro buscador de códigos (CTRL+F) ubicamos lo siguiente #header{ , y justo debajo colocamos esta línea text-align: center; . Para centrar el título de las entradas o post ubicamos en nuestra plantilla, de igual manera que el ejemplo anterior, lo siguiente:

.post-title { margin: 0; padding: 10px;

y justo debajo colocamos esto text-align: center; , teniendo, de esta manera, el título de las entradas del blog centradas.

Por último vamos a centrar los títulos de la sidebar; para ello el mismo procedimiento anterior y ubicamos lo siguiente:

#sidebar-wrapper { margin-$endSide: 10px; margin-$startSide: 10px; width: 230px;

y justo debajo colocamos esto text-align: center; , de ésta manera los títulos de la sidebar quedarán centrados.

Espero que ésta entrada les sea de utilidad en sus proyectos.

Cambiar el titulo del blog por una imágen.

noreply@blogger.com (José Pinto) — Sun, 22 Feb 2009 23:57:00 +0000

Valla que batallé bastante con esto, no se imaginan cuanto y más cuando somos neófitos en eso de lenguajes HTML, CSS, y demás. Pero quiero recordarles algo: "NO ESTAMOS SOLOS EN ESTOS AVATARES ", siempre hay una mano amiga que aparece cuando más lo necesitamos.
Se me ocurrió cambiar el header de mi blog, el cual lleva insertado o como se le quiera llamar, el título del mismo. Como se suele hacer, accedo a la plantilla de la forma acostumbrada y busco esta sección:

#header-wrapper {
width:770px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}

a la que agrego, después de #header-wrapper { , lo siguiente : background:url(AQUI LA URL DE LA IMAGEN)no-repeat; . Aquí también hay que agregar algo puesto que, al elaborar el header que vamos a utilizar, éste debe tener un ancho (width) y una altura (height) . Como vemos, en el código tenemos el width, agregaremos, justo debajo, el height, que será la altura que le dimos al header cuando lo elaboramos. Hasta aquí vamos bien, pero el problema se presenta cuando hacemos VISTA PREVIA, y observamos que el nombre del blog aparece superpuesto sobre lo que ya tenemos (HEADER), y es aquí donde comienza nuestro calvario. Para solucionar esto hacemos lo siguiente: expandiendo artilugios ubicamos el siguiente código:

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1&#8242; showaddelement=’no’>
<b:widget id=’Header1&#8242; locked=’true’ title=’Consejos para blogs… (cabecera)’ type=’Header’>
 <b:includable id=’main’>
 <div class=’titlewrapper’>
 <h1 class=’title’>
 <b:if cond=’data:blog.url == data:blog.homepageUrl’>
 <data:title/>
 <b:else/>
 <a expr:href=’data:blog.homepageUrl’><data:title/></a>
 </b:if>
 </h1>
 </div>
 </div>
 <div class=’descriptionwrapper’>
 <p class=’description’><span><data:description/></span></p>
 </div>
 </b:includable>
 </b:widget>
</b:section>
</div>

Como podrás apreciar, todo lo que está marcado en color rojo lo borras de un sólo plumazo, sin contemplaciones y sólo dejas lo que está en color azul. Guardas plantilla, desmarcas artilugios y el resultado será el header tal cual fué elaborado, sin nada sobrepuesto en él.
Esta información la he conseguido en Blog Mundi , y gracias a él pude resolver mi problema y ahora, a través de ésta entrada, ayudarles a Uds.

Como separar elementos con HTML

noreply@blogger.com (José Pinto) — Sun, 22 Feb 2009 11:38:00 +0000

Una manera fácil y sencilla para organizar elementos en la sidebar, post o cualquier elemento donde tengamos que trabajar, y estamos hablando de "separación" o espacios entre elementos es utilizando la etiqueta , sólo tenemos que escribir la palabra, colocar la imágen, o lo que necesitemos colocar seguida de la etiqueta y listo. A continuación algunos ejemplos para ilustrar:

blog
sidebar
calendario

Espero les sea de utilidad.

Como subrayar el titulo de las entradas.

noreply@blogger.com (José Pinto) — Mon, 16 Feb 2009 04:54:00 +0000

Este es un efecto que, realmente, le dá vistosidad a las entradas del blog. Para ello accedemos a nuestra plantilla de la forma acostumbrada, nos vamos a EDICION HTML y ubicamos lo siguiente:

.post h3 {

margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

Luego de esto agregamos las variables que están coloreadas en azul justo en el sitio donde están, para darle el efecto deseado:

.post h3 {
margin:.25em 0 0;
padding:5 5
5px;
font-size:140%;
text-transform:uppercase;
font-weight:bold;
border: 6px double;
line-height:1.4em;
color:$titlecolor;}

El resultado será algo similar al subrayado que ven debajo de las entradas de éste blog ,esperando que esto les sea de utilidad

Modificar la frase :" VER TODO MI PERFIL"

noreply@blogger.com (José Pinto) — Sun, 15 Feb 2009 19:26:00 +0000

Quizás a algunos no les guste la frase "Ver todo mi perfil", desde donde, clickando sobre la frase, se puede acceder a conocer algunas cosas sobre el autor del blog. A mi tampoco me gusta la frase y decidí, entonces, cambiarla como pueden observar en la sidebar de éste blog.
Estuve buscando información al respecto, y en LaEulalia conseguí la manera más fácil para lograrlo. Es por ello que decidí "tomar prestada" la información y hacer un post con ella, no sin antes, y publicamente, disculparme con la amiga Eulalia por el atrevimiento.
Para lograr esto accedemos a nuestra plantilla de la forma acostumbrada, nos dirigimos a EDICION HTML, expandimos artilugios y buscamos, con nuestro buscador de código (CTRL+F) lo siguiente: <data:viewProfileMsg/>, y sin pensarlo dos veces lo borramos de un sólo plumazo, sustituyéndolo por la frase que más nos guste.
Antes de guardar plantilla y desactivar recuadro de artilugios, le damos a VISTA PREVIA para visualizar los resultados. Si estamos conformes con la vista entonces procedemos a guardar plantilla y desactivar casilla de artilugios.
Espero les sea de utilidad.

Cambiar el nombre del autor del post por una imagen.

noreply@blogger.com (José Pinto) — Fri, 13 Feb 2009 05:19:00 +0000

Estos son los detalles que comienzan a darle vistosidad a cualquier blog. Para ello debemos primero que generar la imágen que sustituirá el nombre del autor del post o entrada, y lo haremos ingresando a ésta página, donde comenzaremos a fabricar nuestra imágen.
Luego de generada la imágen la subimos al hosting de imágenes que habitualmente utilicemos, para despues poder obtener la URL de la misma, ya que la necesitaremos para tal fin. Despues de haber hecho todo esto, nos vamos a nuestra plantilla en EDICION HTML y, expandiendo artilugios, ubicamos con nuestro localizador de códigos (CTRL+F) el siguiente código:

<data:post.author/>

Sin pensarlo dos veces lo eliminamos, y en su lugar colocamos la URL de la imágen generada, de ésta manera:

El resultadolo podrán observar en el footer de esta entrada.

Page Rank

noreply@blogger.com (José Pinto) — Sun, 25 Jan 2009 21:27:00 +0000

Desde aquí podrás chequear tu PageRank. Además obtienes un boton que podrás colocar en tu sitio web el cual contiene tu posición.

Check Page Rank of any web site pages instantly:

This free page rank checking tool is powered by Page Rank Checker service

Drop Cap.

noreply@blogger.com (José Pinto) — Sun, 25 Jan 2009 05:16:00 +0000

Esta es una aplicación de Microsoft llamada Microsoft Word Cap, y es considerada una herramienta con la cual podemos colocar, la primera letra de un párrafo, de mayor tamaño que el resto del texto que se escribe. Para mejores detalles aquí, dejándoles a continuación el código para su implementación.

.dropcaps{
float:left;
color:#2C8CC8; /*--Aqui determinamos el color de la letra--*/
font-size:400px; /*--Aqui determinamos el tamaño de la letra--*/
line-height:80px;
padding-top:1px;
padding-right:5px;
}

Para la colocación de este código, accedemos a nuestro blog de la manera acostumbrada, nos vamos a EDICION HTML, y con nuestro buscador de códigos (CTRL+F) buscamos esto ]]></b:skin>, y justo sobre él, colocamos el código. Luego guardamos plantilla y tendremos, con esto, el código principal de esta herramienta instalado en nuestro blog.
Sólo nos queda un último paso para completar la herramienta, y es un código adicional, que es el que utilizaremos en el preciso momento que vamos a colocar la letra inicial de nuestras entradas y que encontrarán a continuación:

<span class="dropcaps">Aqui la letra</span>

Para tener a mano éste último código hacemos lo siguiente:

Nos vamos a CONFIGURACION.
Luego a FORMATO.
Por último buscamos, en el mismo formato, PLANTILLA DE ENTRADA. Allí alojamos el último código, el cual nos aparecerá automaticamente al ingresar a CREACION DE ENTRADAS.

Espero les sea de utilidad.

Miscelaneos blog

Generador de Favicón

Generador de Favicon

Conversor de Entidades HTML

Conversor de Entidades HTML

Conversor de Entidades HTML

Conversor de Códigos

Conversor de Códigos

Prueba 2

Prueba de Quick Highlighter

Como acelerar la navegacion en I.E.

Acelerando Mozilla Firefox.

Agregar como favoritos

Personalizar los titulos de las entradas

Resaltar textos

Como agregar elementos adicionales a la plantilla.

Colocarle subtítilo a una imágen bajada del PC.

Paginacion.

Etiqueta "NOFOLLOW": To Be or not To Be

Cajas para textos segun la ocasion

Enmarcar un texto.

Centrando los titulos en el blog.

Cambiar el titulo del blog por una imágen.

Como separar elementos con HTML

Como subrayar el titulo de las entradas.

Modificar la frase :" VER TODO MI PERFIL"

Cambiar el nombre del autor del post por una imagen.

Page Rank

Drop Cap.