Per posar una fletxa per anar a dalt de la pagina nomes tenim que fer una cosa:
copiar aquest codi just darrere de <head>:
<a href='#'><img src='http://img126.imageshack.us/img126/5291/fletxavr3.png' style='position: fixed; bottom: 10px; left: 2%;' title='Ir al principio'/></a>
Si volem cambiar la fletxa nomes tenim que cambiar el link en color blau per el nostre link amb la nostre fletxa.
martes, 25 de noviembre de 2008
Fletxa anar a dalt
sábado, 22 de noviembre de 2008
Modificar texto abajo
Com canviar el text d'abaix on posa el creador, copyright...
Es senzill:
1.- Anirem a Diseño-Edicion HTML (Normalment el codi que volem buscar esta abaix de tot pero si no fos aixi seguir al pas 2)
2.- Un cop alla apretarem F3 o ctrl+F
3.- Escribim el que ens apareix abaix de tot (Ejemple: Blogger Template by B-ThemesDesign)
4.- El codi que trobem es el que modificarem, on estan les paraules i enllaços.
Veiem un codi semblant a aquest:
<div id='footerbg'>
<div id='footer'>
<div class='footerleft'>
<center><p>Copyright © 2008 <a href='http://www.meloneto.blogspot.com/'>meloneto </a> | Designed By <a href='http://www.psp-s.blogspot.com/'>Melonet de psp-s</a></p></center>
</div>
<div class='footerright'>
<p>Optimizada para firefox</p>
</div>
</div>
</div>
En blau: el link que s'obrira en clicar al text.
En vermell: El text que sortira a la pagina.
Lunic que tenim que fer es canviarlos per el que vulguem i ja esta
viernes, 21 de noviembre de 2008
com posar posibles votacions a les entrades
posar estrelles (1 a 5).
Per posarles copiem aquet codi a disño-Elementos de pagina-Añadir gadget-HTML/Javascript:
<script language="JavaScript">var OB_platformType =1;var OB_demoMode = false;var OB_langJS = "http://widgets.outbrain.com/lang_es.js";var OBITm = "1227212019538";</script><script src="http://widgets.outbrain.com/OutbrainRater.js" type="text/javascript"> </script>
I ja esta.
Canviar barra enllaços adalt
Per cambiar el text aneu a:
Diseño-Edición HTML-Apretem ctrl + F i Escribim el text que surt original.
Ens surtira un codi semblan/igual a aquest:
<li><a href="http://www.blogger.com/%27http://meloneto.blogspot.com/search/label/Formato%27">Formato</a></li>
En blau: sera el link que cambiarem per el que nosaltres vulguem. Si volem que sigui una etiqueta el cambiem per el seu link.
En vermell: Es el nom que figurara a la barra.
jueves, 20 de noviembre de 2008
Panel lluminos
Vols crear un panel lluminos amb el text que vulguis?
Pues ahora voy a explicar como hacerlo:
1.- Anar a Signbot
2.- Escriu la frase que vulguis
3.- Selecciona el tamany (a dalt els exemples)
4.- Selecciona "Crea tu letrero"
5.- Selecciona "Host to imageshack"
6.- Copia el codi que et dona en "Hotlink for Websites" i el copias a Diseño-Elementos de pagina-añadir un gadget-HTML/Javascript
Guardem y ja esta!
Reloj
Fàcil! Hi ha molts models i per això ara us voi a ensenyar com fer-ho.
1 .- Aneu a www.clocklink.com
2 .- Seleccioneu "Want a Clock on Your Website?"
3 .- Selecciona el vostre rellotge
4 .- Premeu "View html tag"
5.- Premeu "Accept"
6 .- Estableix les característiques i copia el codi.
7 .- Disseny-Afegeix un element-HTML/Javascript
Cambiar "entradas antiguas" por imagen
Voy a explicar como cambiar la frase de "entradas antiguas" por una flecha o lo que tu quieras.
Primero de todo localiza el siguiente codigo en Edicion HTML:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
Una vez localizado lo seleccionas y lo sustituyes por el siguiente código:
<b:includable id="nextprev">
<div id="blog-pager">
<b:if cond="data:newerPageUrl">
<a href="data:newerPageUrl" title="data:newerPageTitle" id="blog-pager-newer-link">
<img src="http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif" /></a>
</b:if><b:if cond="data:olderPageUrl">
<a href="data:olderPageUrl" title="data:olderPageTitle" id="blog-pager-older-link">
<img src="http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif" /></a>
</b:if>
<a class="home-link" href="data:blog.homepageUrl">
<img src="http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif" /></a>
</div>
<div class="clear">
</div></b:includable>
Nota: en amarillo la felcha izquierda, en rojo la derecha y en azul el home. Para cambiar las imagenes es preciso seguir ese orden.
Guardamos y listo!
Hacer banner afiliados
Aprenderemos a poner una imagen enlazada a una pagina web y mostrar su codigo:
El codigo a crear es:
<a href="Enlace imagen"><img border="0" alt="meloneto.tk" src="URL imagen"/></a>
En caso de que queramos que nuestro banner este centrado pondremos:
<center>codigo anterior</center>
Para mostrar el codigo seria:
Codigo imagen sin centrar:
<textarea><a href="Enlace imagen"><img border="0" alt="meloneto.tk" src="URL imagen"/></a></textarea>
Codigo imagen centrada
<textarea><center><a href="Enlace imagen"><img border="0" alt="meloneto.tk" src="URL imagen"/></a></center></textarea>
Copiariamos este codigo en HTML/Javascript y listo!
Mostrar/Ocultar texto
Vamos a Diseño/Edición HTML y luego
copiamos este codigo justo antes de </head>
(Para saber donde esta pulsamos ctrl + f i escribimos </head>)
<!-- desplegable -->
<style type="text/css">.texthidden {display:inline}.shown {display:block}</style><script type="text/javascript">document.write('<style>.texthidden {display:none} </style>');</script><script type="text/Javascript">function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<!--desplegable -->
Luego copiaremos el siguente codigo en Elementos de pagina/HTML/Javascript:
<center><a href="javascript:void(0);" onclick="expandcollapse('cualquiercosa')">Ver ejemplo</a>
<ul id="cualquiercosa" class="texthidden">
Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-
</ul>
</center>
Donde "cualquiercosa" es un nombre cualquiera que no deberemos repetir si agregamos este código más de una vez en nuestro blog y donde "Texto-oculto" es lo que queremos esconder. Podemos añadirlo cuantas veces deseamos pero con un nombre diferente.
miércoles, 19 de noviembre de 2008
Formato de textos
Hoy vamos a aprender a poner diferentes formatos de texto en las entradas/widgets.
Texto en negrita:
<b>negrita</b>
negrita
Texto subrallado
<u>subrallado</u>
subrallado
Texto en cursiva::
<i>cursiva</i>
cursiva
Texto parpadeante:
<blink>parpadeante</blink>
Texto tachado
<s>tachado</s>tachado
Texto en movimiento
<marquee>movimiento</marquee>
Texto centrado
<center>centrado</center>
Texto alineación derecha
<p align="right">Texto alineado a la derecha</p>
<p align="left">Texto alineado a la izquierda</p>
Texto justificado
<p align="justify">Texto justificado</p>
Texto enmarcado
<p style="border: ridge #FF0000 2px">texto enmarcado</p>
texto enmarcado
martes, 20 de noviembre de 2007
Categorias
- Formato (1)
- Letreros y imagenes (1)
- Relojes (1)
- Utilidades (6)