Liberado el click derecho
Despues de tanto tiempo desconectado y fuera de esto vuelvo Articulo Completo y en esta oportunidad le enseño a que sé compartir y desbloquee el click derecho del mouse, espero les sirva
Fondo estatico en Blogger Beta
Este truco lo podes ver implemantdo en este blog, yo lo llamo fondo estatico, porque lo unico que se desplaza es el contenido del blog y no el fondo del mismo, me pareció que quedaba muy bueno el efecto y lo dejé, bueno, el efecto es sencillo se logra gracias a CSS2, editando el
+ Info de la etiqueta body agregando la imagen que quieras con el elemento background-image: url(...); y debajo del mismo agregar el elemento background-attachment: fixed; y te debería quedar asi:
Listo, con eso ya es suficiente, tenés que jugar con la medida de la imagen, pero si perdes un poco de tiempo con el Paint o con el ACDSee, te sale bien y despues la subis a un servidor. Espero que les sirva y hasta luego.-
Compartiendo el trabajo
Si queres que te explique cualquiera de los trucos, y hacks, que ves en este blog y que no estan detallados en los post. No te olvides de deja un comentario abajo: Gracias.-
Tabla de Codigos HTML
Muchas veces queremos postear algo relativo a la edicion de HTML de la Plantilla de nuestro blog o bien queremos mostrar simbolos que al escribirlos están y cuando publicamos aparece cualquier cosa y tenemos que camiar los signos < y > que se usan en la mayoria de la edicion de Plantilla y no sabemos como poner esos símbolos, bueno eso termino con esta tabla de caracteres especiales: + Info
Bueno, espero que les sirva para algo, y hasta luego.-
Caracter Código Descripción Alias
! ! Cerrar exclamación --
" " Dobles comillas --
# # Signo de número --
$ $ Dólar --
% % Tanto por ciento --
& & Ampersand amp
' ' Apóstrofe --
( ( Cerrar paréntesis --
) ) Abrir paréntesis --
* * Asterisco --
+ + Signo más --
, , Coma --
- - Guión --
. . Punto --
/ / Barra de división --
0 - 9 0 - 9 Dígitos del
al 0-9 --
: : Dos puntos --
; ; Punto y coma --
< < Menor --
< < Menor lt
= = Igual --
> > Mayor --
> > Mayor gt
? ? Cerrar interrogación --
@ @ Arroba --
A - Z A - Z Letras A-Z --
[ [ Cerrar corchete (izquierdo) --
\ \ Barra inversa
--
] ] Abrir corchete --
^ ^ Circunflejo --
_ _ Subrayado --
` ` Acento agudo --
a - z a - z Letras a-z
--
{ { Abrir llave --
| | Barra vertical --
} } Cerrar llave --
~ ~ Tilde --
  Espacio sin
separación nbsp
¡ ¡ Abrir exclamación iexcl
¢ ¢ Centavo cent
£ £ Libra Esterlina pound
¤ ¤ Signo de divisa general curren
¥ ¥ Yen yen
¦ ¦ Barra vertical partida (pipe) brvbar
§ § Sección sect
¨ ¨ Diéresis uml
© © Copyright copy
ª ª Doña ordf
« « Abrir comillas
francesas laquo
¬ ¬ No (símbolo
lógico) not
­ Guión débil shy
® ® Registrado reg
¯ ¯ Macrón macr
° ° Grados deg
± ± Más-menos plusmn
² ² Dos superíndice sup2
³ ³ Tres superíndice sup3
´ ´ Acento agudo acute
µ µ Micro micro
¶ ¶ Fin de párrafo para
· · Punto medio middot
¸ ¸ Cedilla cedil
¹ ¹ Uno superíndice sup1
º º Género masculino ordm
» » Cerrar comillas
francesas raquo
¼ ¼ Un cuarto frac14
½ ½ Un medio frac12
¾ ¾ Tres cuartos frac34
¿ ¿ Abrir interrogación iquest
À À A mayúscula, acento
grave Agrave
Á Á A mayúscula, acento
agudo Aacute
  A mayúscula, acento
circunflejo Acirc
à à A mayúscula, tilde Atilde
Ä Ä A mayúscula,
diéresis Auml
Å Å A mayúscula, anillo Aring
Æ Æ AE mayúscula
AElig
Ç Ç C cedilla mayúscula Ccedil
È È E mayúscula, acento
grave Egrave
É É E mayúscula, acento
agudo Eacute
Ê Ê E mayúscula, acento
circunflejo Ecirc
Ë Ë E mayúscula,
diéresis Euml
Ì Ì I mayúscula, acento
grave Igrave
Í Í I mayúscula, acento
agudo Iacute
Î Î I mayúscula, acento
circunflejo Icirc
Ï Ï I mayúscula,
diéresis Iuml
Ð Ð Eth mayúscula ETH
Ñ Ñ Eñe
mayúscula Ntilde
Ò Ò O mayúscula, acento
grave Ograve
Ó Ó O mayúscula, acento
agudo Oacute
Ô Ô O mayúscula, acento
circunflejo Ocirc
Õ Õ O mayúscula, tilde Otilde
Ö Ö O mayúscula,
diéresis Ouml
× × Signo de
multiplicación times
Ø Ø O barrada
mayúscula Oslash
Ù Ù U mayúscula, acento
grave Ugrave
Ú Ú U mayúscula, acento
agudo Uacute
Û Û U mayúscula, acento
circunflejo Ucirc
Ü Ü U mayúscula,
diéresis Uuml
Ý Ý Y mayúscula, acento
agudo Yacute
Þ Þ THORN mayúscula THORN
ß ß Beta minúscula szlig
à à a minúscula, acento
grave agrave
á á a minúscula, acento
agudo aacute
â â a minúscula, acento
circunflejo acirc
ã ã a minúscula, tilde atilde
ä ä a minúscula,
diéresis auml
å å a minúscula, anillo aring
æ æ ae mínuscula
aelig
ç ç c cedilla minúscula ccedil
è è e minúscula, acento
grave egrave
é é e minúscula, acento
agudo eacute
ê ê e minúscula, acento
circunflejo ecirc
ë ë e minúscula,
diéresis euml
ì ì i minúscula, acento
grave igrave
í í i minúscula, acento
agudo iacute
î î i minúscula, acento
circunflejo icirc
ï ï i minúscula,
diéresis iuml
ð ð eth minúscula eth
ñ ñ eñe
minúscula ntilde
ò ò o minúscula, acento
grave ograve
ó ó o minúscula, acento
agudo oacute
ô ô o minúscula, acento
circunflejo ocirc
õ õ o minúscula, tilde otilde
ö ö o minúscula,
diéresis ouml
÷ ÷ Signo de división divide
ø ø o barrada minúscula oslash
ù ù u minúscula, acento
grave ugrave
ú ú u minúscula, acento
agudo uacute
û û u minúscula, acento
circunflejo ucirc
ü ü u minúscula,
diéresis uuml
ý ý y minúscula, acento
agudo yacute
þ þ thorn minúscula thorn
ÿ ÿ y minúscula,
diéresis yuml
€ € Euro euro
≠ ≠ Distinto de ne
≤ ≤ Menor o igual que le
≥ ≥ Mayor o igual que ge
√ √ Radical radic
↑ ↑ Flecha arriba uarr
↓ ↓ Flecha abajo darr
← ← Flecha izquierda larr
→ → Flecha derecha rarr
↔ ↔ Flecha izq-der harr
Seguir leyendo Mejorado
Este es le truco de seguir leyendo mejorado. Estuve viendo en muchos blogs que cuesta trabajo o incluso en algunos casos, como el mio hasta hace un tiempo, no sale o sale mal, se ve en todas las entradas y hasta a veces no se encuentra en la Plantilla el lugar donde poner le codigo, porque hay que buscar en los "artilugios" una parte del código y uno siempre termina por dejarlo de lado y privarse de algunas mejoras para nuestro blog. Bueno vamos a lo nuestro. Este truco lo encontré en Gem@BLOG y es el siguiente:+ Info Ingresar a Plantilla y luego Edicion de HTML buscamos la etiqueta que aparece de esta manera </b:skin> </head> y en medio de ellas pegamos la parte del código que esta en rojo en el grafico que se muestra a continuacion: <b:if cond='data:blog.pageType == "item"'> </head> Te debería quedar como esta en el grafico. Guardas la Plantilla y ahora Vamos a la parte de Opciones/Formato/Plantilla de Entrada en el recuadro que tenes ahí pegas el siguiente código: (Aquí escribimos el principio de la entrada ) Ahora cada vez que entres a crear una Entrada o Post, te va a aparecer ese codigo.- Si no queres que la entrada tenga el "Sigue Leyendo...." simplemente borras lo que hay en la entrada y Listo.- Explico algo: en la parte donde dice link de la entrada usualmente se escribe de esta manera http://el nombre de blog.blogspot.com/año(ej.:2007)/mes(ej.:03)/titulo-de-la-entrada-separada-por-guiones.html".-
</b:skin>
<style type='text/css'>
.fullpost {display:inline;}
.summarypost {display:none;}
</style>
<b:else/>
<style type='text/css'>
.fullpost {display:none;}
.summarypost {display:inline;}
</style>
</b:if>
<span class="summarypost">
<a href="link-de-la-entrada.html">Seguir Leyendo... </a>
</span>
<span class="fullpost">
( Aquí escribimos la parte de entrada que veremos extendida )
</span>
Ocultar la navbar
Ubicar la etiqueta <head> (Ubicacion: plantilla - edicion HTML) y colocar antes del HEAD lo siguiente:
+ Info
Luego de esto tenes que hacer click en Guardar Plantilla y Listo.- Si preferis Primero hace Click en Vista Previa para que puedas ver como queda tu blogspot, sin la navbar.-
Barras de Scroll en Blogger Beta
En esta oportunidad no traigo ni un truco novedoso, ni algo que sea muy dificil de hacer, lo único que hice fue agregar el widget correspondiente para tener las barras de scroll en el Blogger Beta, en mi caso en la Sidebar y por ahora tambien en el Main aunque pronto lo voy a sacar, (creo), el Truco consiste en:
1°.- Como siempre ubicamos la Edicion de la Plantilla y luego Edicion de HTML
2°.- Expandimos la Plantilla de Artilugios y para el caso de la Sidebar ubicamos el widget <div id='sidebar-wrapper'> y le agregamos esta parte del código style="overflow:auto; height:450px;" para que nos quede de esta forma <div id='sidebar-wrapper' style="overflow:auto; height:450px;">
3°.- Guardamos la PLantilla y Listo.-
El número 450 de los px. de height, lo podes ir variando, segun la altura que quieras tener.-
En el blog de Gabicuesta tenes una explicacion de las diferentes variantes para overflow.-
Seguir Leyendo en Blogger Beta
Buscando y Leyendo Blogs de Trucos de muchos Bloggeros llegué a Hackosphere donde encontré el Truco Sigue Leyendo... o Continúa o Leer Más..., como le quieras llamar.- A continuación te lo explico en español para que lo puedas hacer paso a paso.+ Info
Primer Paso: Lo Primero que hay que hacer, es entrar a la opción Plantilla, Edicion de HTML, Expandir la Plantilla de Artilugios.
<div class='post-header-line-1'/> Luego Guardas la Plantilla y vas a la Opcion Formato que se encuentra dentro de la Etiqueta Opciones y una vez allí ubicas la parte que dice Plantilla de Entrada y en el cuadro que tenes ahí pegás el siguiente código:
"Aca va la parte que queres que se vea al Principio de la entrada" Guardas los cambios y Listo.-
Cuando ingreses a Creacion de Entradas te va a aparecer lo que pusiste arriba; en la parte que está en naranja, en el caso de esta entrada la direccion quedaría así "http://cpgg.blogspot.com/2007/03/seguir-leyendo-en-blogger-beta.html.-
Segundo Paso: Ubicas los códigos que están en color negro y agregas los que están en rojo como se muestra a continuación
<div class='post-body'>
<b:if cond='data:blog.pageType== "item"'>
<style<.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>
<span class="summarypost">
<a href="http://nombretu blog.blogspot.com/año del post/mes del post/titulo-de-la-entrada(en vez de espacios pone "-".html">Leer mas... </a>
</span>
<span class="fullpost">
""Aca va el resto de la entrada""
</span>
Como agrandar la Sidebar
Primero debes ingresar a Plantilla y luego Edicion de HTML una vez alli, buscas la siguiente etiqueta:
+ Info
/* Content Luego para agrandar el ancho total de la pagina, debes cambiar el numero de pixeles que esta en rojo en el width de #content-wrapper, ojo, que si lo agrandas mucho te va a quedar muy salido de la pantalla. Luego para agrandar el ancho de la Sidebar, haces lo mismo, es decir, modificas el numero de pixeles que esta en rojo en el width de la etiqueta #sidebar-wrapper, y por último si queres agrandar tambien el ancho de la ventana donde se ubican tus Posts, debes agrandar el numero de pixeles que esta en rojo en la etiqueta #main-wrapper. OJO, tenes que tener presente que la suma de los pixeles de los width de #sidebar-wrapper y #main-wrapper, no debe superar el numero de pixeles que pusiste en el #content-wrapper.- Para cambiar de lugar la Sidebar, solo tenes que cambiar el texto de la etiqueta float, de la siguiente manera: right para alinearlo a la derecha y left para alinearlo a la izquierda.
Probalo y no te olvides de guardar siempre la plantilla en tu HDD o Disco Rigido, antes de modificar algo.-
----------------------------------------------- */
#content-wrapper {
width: 963px;
...
}
#main-wrapper {
width: 501px;
...
}
#sidebar-wrapper {
width: 210px;
float: right;
...
}
Suscribirse a:
Entradas (Atom)
