jueves, 10 de febrero de 2011

Quitar MONSTRANDO TODAS LAS ENTRADAS , muy fácilmente.

Siempre que pinchas sobre alguna etiqueta y se  muestran las entradas aparece ese mensaje , que a mi no me gusta nada . Hoy vamos a aprender como quitarlo.

Duración aprox : 1 min. Dificultad :Fácil
 1.Ve a  Diseño>Edición de Html marcas la casilla expandir artilugios
 2. Busca esto:
<b:include data='top' name='status-message'/>
3.Reemplazalo por este otro.
<!--<b:include data='top' name='status-message'/>-->

viernes, 7 de enero de 2011

Próximamente vídeo-tutoriales de Photoshop.

Me parece que este este blog necesita , más tutoriales y en este caso vídeo-tutoriales de Photoshop que de momento no tenemos nada , Photoshop es una herramiente indispensable para cualquier bloggero que quiera tener un blog bonito , esto no significa que vaya a poner tutoriales del Dreamwaver , que no significa que no los vaya a hacer - de hecho estuve pensado en hacer una página del blog en explicar el HTML , pero de momento , no sé , si lo quieres que hage tutoriales de HMTL y Dreamwaver déjalo en el chat y me te lo haré : D -el caso es que de momento os podéis ir descargando Photoshop ( a poder ser una de las últimas versiones CS4 y CS5 , mejor en versión portable) en http://www.taringa.net y así vosotros ya podéis ir probando todo , bueno eso es todo acardaros de dejar vuestras dudas en comentarios o en el chat!!!
 

sábado, 1 de enero de 2011

Cómo crear un favicon + fácilmente.

Hace ya tiempo que puse como hacer un favicon , pues bien , hoy, he encontrado una forma muy facil , asi que lo principiantes ya no tienen escusas para tener un favicon en su blog.
1.Vamos a esta web: http://www.convertico.com/
2. Seleccionamos la  foto (desde nuestro ordenador) que queramos usar de favicon ( tiene que ser una imagen PNG o ICO, las imágenes PNG son las que no tienen código) y la cargamos (Si en vez de eso quieres utilizar una de una pagina web ve a esta web http://www.getfavicon.org , seleccionas la imagen que quieras , y la subes a un hosting de imágenes)
3. Depende como lo hayamos hecho :
Desde ConvertIco : Cuando ya hemos subido la imagen , clikamos en descargar y te llevará a dónde esta la imagen ,copia la dirección:

Desde un hosting de imágenes : La subimos por ejemplo a Tinypic y copiamos la dirección:









Ahora vamos a Diseño/Edición de HTML y copiamos lo siguiente :

<code>
&lt;link href='URL FAVICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/&gt;<br />

</code>
Donde se muestra en la imagen :
Espero que os haya servido : D


miércoles, 8 de diciembre de 2010

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.

lunes, 28 de junio de 2010

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.

sábado, 26 de junio de 2010

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

miércoles, 23 de junio de 2010

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:



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





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