Personalizar una plantilla que nos hemos descargado.

Muchas vece nos descargamos plantillas desde paginas webs y allí parecen muy bonitas pero luego es muy dificil personalizarlas , de momento os dejo dos cosas que podeis personalizar ire añandiendo mas segun vaya personalizando la plantilla.

Primero buscamos esto:

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

<b:widget id='Header1' locked='true' title='BLOG (cabecera)' type='Header'>

<b:includable id='title'>


Y donde pone title=' ponemos a continuación el nombre de nuestro blog.
Luego vamos a dónde casi todos tenemos los problemas las páginas.Siempre traen Comentarios RSS o cosas por el estilo y cuando quieres añadir una página por el sistema de blogger , te ponen la página separada de las que vienen con la plantilla , bueno pues si la quieres añadir y que quede bien sigue estas instrucciones:
Busca esto :

<!-- Menu -->

<div id='header-menu'>

Debajo tienes que ver esto o algo parecido

<ul>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>



Así que más o menos si quieres añadir una página sigue está plantilla :

<li><a expr:href='URL DE LA PÁGINA'>NOMBRE DE LA PAGINA</a></li>



Espero que os sirva , por cierto si algo sale mal no dudeis en preguntar ya que solo lo he llevado a prueba con una plantilla de blog.

Video-tutorial para hacer un favicon

Lo primero que debemos hacer es coger la imagen que queremos convertir en favicon y ponerle una medidas de tal manera que sea igual de ancho que de alto , lo demás está en el video por ultimo hay que acceder a esta pagina para empezar a hacer el favicon :http://iconj.com/

Y por cierto un favicon es lo que vemos en las paginas webs que tienen arriba a lado de su nombre por ejemplo si tu tienes un blog en blogger te saldra el icono de blogger al lado de nombre de tu blog.

Botón para favoritos/marcadores

Cuando nos gusta una página la incluimos en favoritos o maracadores , hoy os voy a enseñar a poner una imagen en u blog que al clikarla , se convierta el blog en favoritos , es muy fácil de hacer y sólo os llevará unos minutos.
1.Copiamos y pegamos este codigo y lo cambiamos como pone aqui:


<script language="JavaScript">

function favoritos(){

if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {

var url="URL DE TU BLOG";

var titulo="[NOMBRE DE TU BLOG]";

window.external.AddFavorite(url,titulo);

}

else {

if(navigator.appName == "Netscape")

alert ("Presione Crtl+D para agregar este Blog en sus Marcadores");

}

}

</script>

<input src="http://4.bp.blogspot.com/_0eC4K-qZ7AM/Rz92jAaSdKI/AAAAAAAAB9A/qK_mF5iUpko/s400/favoritos-gif.gif" value="Agregar a favoritos" onclick="javascript:favoritos();" type="image"/>


Si queremos poner otra imagen cambiamos este enlace http://4.bp.blogspot.com/_0eC4K-qZ7AM/Rz92jAaSdKI/AAAAAAAAB9A/qK_mF5iUpko/s400/favoritos-gif.gif
Podéis ver en el blog de pruebas como queda

Sacado de Oloblogger

¿Preguntas? En el CBOX

Hacer una imagen que suba para arriba

x

Bueno , hoy os voy a enseñar a hacer una imagen que haga para que suba para arriba , podéis ver de que se trata en mi blog de pruebas: http://blog-in-draft.blogspot.com/# , pues bueno como hoy me siento generosa os lo voy a explicar paso , por paso .
Vamos a Tinypic :

Y cargamos la imagen que queremos que se convierta en lo de la flecha .

Nos saldra lo de los códigos pero nosotros todavía no lo necesitamos a si clikamos a "Edit"

Para poner la imagen en nuestro blog , le cambiamos el tamaño , así que clikamos en la pestaña  que pone "Basic" luego clikamos en "Resize"

Y le cambiamos el tamaño yo os recomiendo 200 en el primer recuadro y 300 en el segundo.

Una vez que le cambiamos el tamaño vamos a la pestaña que pone geek y pinchamos donde las tijeras y empezamos a recortar.

cuando acabemos de poner los puntitos (recordad que para que se para que se pueda cortar hay que unir los dos puntos el último y el del principio) y clikamos en "Create a coteout"

En los huecos pequeños hacemos lo mismo que para recortar pero solo que esta vez tenemos que clikar en  la casilla Invert

Ahora vamos a la pestaña Layers y clikamos en "Opacity"

Ahora vamos a la pestaña Layers y clikamos en "Opacity"

Una vez ahí  movemos el circulo según queramos más o menos , estoy sirve para que sea un poco más transparente 

Una vez termiando el paso anterior pasamos a dercorar la flecha , por cierto no te olvides de poner un texto que ponga "sube"

Nos darán varios códigos nosotros cogemos el último.

Bueno ahora pasamos a la parte HTML , que por cierto es la más fácil , cogemos el siguiente codigo:

<a style="position: fixed; bottom: 0px; right: 0px;" href="#"><img src="AQUI LA URL DE TU BLOG " /></a>

Y pones la url de tu imagen luego vas a añadir un gadegt y insertar codigo HTML , y ya esta por cierto si quieres que la imagen este a la izquierda en vez de right pon left mirad como quedo el mio



<a style="position: fixed; bottom: 0px; right: 0px;" href="#"><img src="http://i47.tinypic.com/21m6zdh.jpg" /></a>

Os dejo el codigo por si os gusta que lo pongais en vuestros blogs.

Cómo hacer un banner animado con PhotoScape

Bueno ya dije que iba a hacer está entrada y la hago de hecho estoy probando programas nuevos con el fin de aprender nuevas utilidades.

Hacer un banner animado con PhotoScape.

1. Lo primera cosa que hacemos es descargar gratis el programa http://photoscape.softonic.com/descargar tranquilos no tiene virus
2. Luego cogemos las imagenes que queremos que sean parte del banner y las editamos , yo el programa que uso es Picnik
3. Cuando ya tenemos las imagenes abrimos el progrma PhotoScape y clicamos en Gif Animado, ahí arrastramos todas las imagenes que queremos que sean parte del banner , y le ponemos la animación que queremos ( ya lo sé , no hay muchas) luego le podemos cambiar el tiempo para que vaya más despacio , cuando terminemos lo guardamos .
4. Lo último que deberíamos hacer es coseguir el código HTML que ya os expliqué como se hacía http://elblogdelosblogueros.blogspot.com/2010/06/hacer-un-banner-sin-marca-de-aguacon.html

Mirad cómo me quedó el mío para mi otro blog:

Si tenéis alguna duda decirmela por el CBOX o dejando un comentario

Hacer un banner sin marca de agua con ... tinypic

Hola!!! He visto que muchos ahora n hacéis banners con mybannermaker.com , la verdad es yo tembién los hice son muy fáciles de hacer pero luego te dejan una marca de agua que la verdad que digamos no queda muy profesional mirad el ejemplo: Pero eso se ha acabado porque ahora podéis hacer un banner sin marca de agua con tinypic , aunque yo os recomiendo que primero editeis la foto que queríes convertir en banner en picnik.

1. Vamos a Picnik y pulsamos al botón que dice "Empieza a editar con picnik" y subimos la foto que quieras converir en banner , después de eso ya nos aparecerá la foto lista para ponerle texto cambiarla el tamaño etc.
2. Cuando la acabemos de editar ponemos para guardar en nuestro ordenador
3. Luego vamos a Tinypic y cargamos la foto que que acabamos de editar , nos darán un código HTML Ejemplo: <a href="http://tinypic.com" target="_blank"><img src="http://i49.tinypic.com/2iw3ue1.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>
4. Luego cambiariamos la dirección que nos ponen ( http://tinypic.com ) por la de nuestro blog Ejemplo:

<a href="http://elblogdelosblogueros.blogpsot.com" target="_blank"><img src="http://i49.tinypic.com/2iw3ue1.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>

5. Si queremos que del bannner nos salga con un cuadro de texto para que nos puedan afiliar ponemos lo siguiente:

Así me quedo el mío :

<a href=http://elblogdelosblogueros.blogpsot.com target="_blank"><img src="http://i49.tinypic.com/2iw3ue1.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

¿Lo habéis entendido bien? ;-)

Hola !!!!

 Bueno después de tiempo sin actualizar por fin actualizo , y vengo para dar guerra XD , así que prepararos...

Quiero que mi blog sea famoso

Cuando hacemos un queremos que sea super-mega-hiperfamoso pero claro eso no se consigue ni en dos ni tres días - ni en ni siquiera , a veces , 2 años- entonces recurrimos a super Google que todo lo sabe y buscamos ¿Cómo hacer para que mi blog sea famosos? , y nos salen un montón de cosas pero sinceramente los mejores consejos los he reunido yo - como no- pero os aviso no la vida de los blogueros no es de color de rosa:

1. No pongas un porrón de publicidad , porque que ganas ¿10 euros? porque no merece la pena ensuciar el blog por ese dinero
2. Cuando un foros hagas un comentario , y el comentario tiene que ver con el contenido que tiene el blog al final pon un enlace
3. No copies posts a otros , y si lo hces pon tu opinion personal
4. Pon un montón de enlaces a otros sitios , porque sino la red no funcionaría y así seguro que el otro bloguero también te pone un enlace.
5. Y el último TEN PACIENCIA

Ya se que el último no mola nada pero tengo razón...