miércoles, 3 de agosto de 2011

Borrar el Cartel "MOSTRAR ENTRADAS"

Este cartel que personalmente me parecia molestoso y antiestético ahora lo podremos borrar

 1er paso : nos dirigimos a diseño en la pestaña HTML expandir plantilla de artilugios

2do paso : con la ayuda del buscador (control + F) buscamos el siguiente codigo


<b:include data='top' name='status-message'/>

3er paso: una ves encontrado debemos borrarlo y guardamos con eso se soluciona el problema.

 

Cambiar el ancho del blog

Blogger por defecto nos muestra unas plantillas en las cuales la mayoría nos da un reducido ancho tanto para la barra lateral como donde va el contenido pero antes de explicarles como cambiar las dimensiones tienen primero que aprender cuales son las partes:

Ahora que ya sabemos como se llaman cada uno vamos mano a la obra, dirijamonos primero en edición Html y allí con la ayuda del "Ctrl +F" buscamos lo siguiente:


#header {

y aumentamos el valor 100 (por decir un ejemplo) más donde dice "Width".

#content-wrapper {

Le aumentamos los 100 que aumentamos al comienzo para que guarde concordancia.

ahora vamos a la sección:

#sidebar-wrapper {

y le cambiamos el valor "width" a uno mayor por ejemplo 30 más

también nos dirigimos a la sección:

#main-wrapper {

y le cambiamos el valor a uno mayor pero que no pase de la diferencia del aumento del "content wraper" con el "sidebar" por lo que en este caso sería 70 (100-30)


*width significa ancho por lo que aumentarle el valor la plantilla se hará más ancha.

*pueden jugar con los valores hasta que sea de su agrado pero recuerden que el ancho normal maximo standar es 980px de ancho

Desabilitar el Clik derecho con un mensaje

Con este script cada vez que la visita potencialmente no podrá sobrear las letras ni nada y cada ves que de un clik derecho se mostrara un mensaje de derecho de autor o uno creado por tí

Como implementarlo?

1. Ubicamos desde Edicion HTML este código:


</body>

y antes de él pegamos:


<script language='JavaScript'>
function click() {
if (event.button==2) {
alert('Copyright todos los derechos reservados');
}
}
function keypresed() {
alert('Copyright todos los derechos reservados ');
}
document.onkeydown=keypresed;
document.onmousedown=click;
</script>


3. Guardas la plantilla y listo!

puedes cambiar el mensaje que deseas mostrar editando donde dice "Copyright todos los derechos reservados" espero te sirva

Efecto desvanecer pagina al clikar en un enlace

hola estoy muy feliz gracias a la ayuda de mi amigo Kippers he podido conseguir un truco realmente vistoso y como se darán cuenta ya lo estoy utilizando en el blog.

se trata de un efecto de desvanecimiento o degradado en la pagina que al entrar clikar en un enlace de la pagina o al salir de ella dara la sensacion de que la página se desvanece.

el truco es realmente sencillo solo deben pegar despues del <head>
el siguiente código:



<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1)" />

<meta http-equiv="Page-Exit" content="BlendTrans(Duration=1)" />





Y listo espero que el truco sea de su agrado.
Actualización este truco solo es visualizable en Internet Explorer, no es compatible con Mozilla

Poner Post Relacionados con imagenes con with Thumbnails en el blog

una buena noticia mis amigos bloggers desde ya se podrá poner muy facilmente los post relacionados, de una manera sencilla y rapida que hará que tu visitas no se vallan tan rapido como llegaron sino que ahora tendran mas de donde poder elegir para leer, ahora bien esta herramienta es verdaderamente maravillosa, aunque tiene un pequeño inconveniente que despues dire cual es, ahora bien para poder hacer uso de esta herramienta tan solo debemos de ingresar a:

http://www.linkwithin.com/learn

allí nos horientaran como, pues bien ahora que ya hicieron los pasos como dice en la pagina en tres sencillos pasos ya tendran su widget de post relacionados con imagenes funcionando,



ahora el pequeño inconveniente es que este widget tambien se muestra en la portada ocsionando la demora al cargar si es que la portada tiene varias entradas, adema saldran las entradas relacionadas depues de cada entrada, para esto la solucion es sencilla, lo unico que hay que hacer es ir al panel de diseño copiar el codigo de tu gadget linkwithin copiar y eliminar el widget.


copie el codigo que me daba el widget y lo transformas con este servicio

Escape HTML - Blogrowds Resources

una vez convertido guardas en el blog de notas el codigo


y me vas a expandir plantilla de artilugios

busca este codigo:


</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>




y arriba de ello pegas esto:


<b:if cond='data:blog.pageType == "item"'>



<!-- Aquí el código de tu widget convertido -->



</b:if>

Boton agregar a favoritos en tu blog

aqui les traigo otro truco sencillo, un boton que hará que tus visitas si así lo consideran conveniente agregarte facilmente a sus favoritos, el siguiente códigolo agregan desde Panel de control -> Diseño -> Añadir Gadget -> html/javascript:


<center><script language="JavaScript">
function agregar(){
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
var url="http://aquitublog.blogspot.com";
var titulo="Aqui pones el titulo de tu blog";
window.external.AddFavorite (url,titulo);
}
else {
if(navigator.appName == "Netscape")
alert ("Presiona Crtl+D para agregar Aqui otra ves el titulo de tu blog a tus favoritos");
}
}
</script>
<input value="Agregar a favoritos" onclick="javascript:agregar();" type="button"/></center>



texto con efecto maquina de escribir

Codigo:

 <script language="JavaScript1.2"><!--



//Secify scroller contents

var line=new Array()

line[1]="texto 1"

line[2]="texto 2"

line[3]="texto 3"

line[4]="texto 4"

line[5]="texto 5"

line[6]="texto 6 (si quieres puede seguir hasta el infinito)"



//Specify font size for scoller

var ts_fontsize="12px"



//--Don't edit below this line



var longestmessage=1

for (i=2;i<line.length;i++){

if (line[i].length>line[longestmessage].length)

longestmessage=i

}



//Auto set scroller width

var tscroller_width=line[longestmessage].length



lines=line.length-1 //--Number of lines



//if IE 4+ or NS6

if (document.all||document.getElementById){

document.write('<form name="bannerform">')

document.write('<input type="text" name="banner" size="'+tscroller_width+'"')

document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')

document.write('</form>')

}



temp=""

nextchar=-1;

nextline=1;

cursor="]"

function animate(){

if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){

nextline++;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",3000)}

else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){

nextline=1;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",1000)}

else{

nextstep()}}



function nextstep(){



if (cursor=="\\"){

cursor="|"}

else if (cursor=="|"){

cursor="/"}

else if (cursor=="/"){

cursor="-"}

else if (cursor=="-"){

cursor="\\"}





nextchar++;

temp+=line[nextline].charAt(nextchar);

document.bannerform.banner.value=temp+cursor

setTimeout("animate()",25)}



//if IE 4+ or NS6

if (document.all||document.getElementById)

window.onload=animate

// --></script>



 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Coupons