miércoles, 19 de noviembre de 2008

Como poner emoticones en el cbox

Como poner emoticones




Ir a esta parte











Pinchar en smilies







Y os saldra esta pagina aqui añadis la url de la imagen , si no lo teneis de pago no os dejara quiter los que trae por defecto pero le podeis añadir.






Cbox (Chat)

El cbox es un utensilio como un chat donde podemos dejar comentarios o saludos y que, si hay alguien más nos permite tener una conversación al mismo tiempo.
Para agregarlo a tu blog, basta con pinchar en el enlace que verás en cualquier blog donde lo tengan añadido.
Si tienes varios blog puedes añadir el mismo código a todos los blog así si estás trabajando en un blog puedes ir viendo los mensajes que te pongan en otros blog.



Teneis que registraros







Al pinchar, os saldrá esta página donde has de introducir tus datos.Te enviarán un correo de verificacion, pero no es necesario esperar para empezar a configurarlo.
















y os saldra esto donde os dice que vuestro cbox ha sido creado










En la siguiente página verás este código y unas instrucciones para añadirlo a tu blog
Básicamente te explican como ponerlo en un elemento HTML/Javascript

Pincha en Copy to clipboard y ya podrás pegarlo.









Os saldra un cbox un poco feo y en esta parte podeis cambiar todo pinchar en edit style y os saldra esta otra pantalla.







Aqui podeis cambiar todos los codigos de los colores.












Arriba a la derecha esta el enlace de los colores



















Podis ir cambiando los colores hasta que veais el que mas os gusta.Cuando veas el que mas te gusta pincha en Apply. Ello recargara al codigo automaticamente y en el cbox cambiara al color que mas os guste.Ir probando hasta que haya un color que os guste.
Una que habeis decidio que color os gusta pasar a la parte siguiente. volveis a repetir lo mismo en los siguientes codigos.
En el primer grupo, Post Frame, Main BG cambia el color de la entrada de abajo, Main text, el color del texto de esas entradas y Main date el color de la fecha.






En la segunda parte, Form Frame, Fields BG cambia el color de fondo de donde ponemos los el nombre , la url, o el mensaje.































Button BG aqui cambias el color del fondo del botón Ok.

















Form BG aqui cambias el color del fondo de una zona.












Aqui teneis los datos de los textos. Field Text, los datos que escibimos, Button Text es este Go y Field Borders de los bordes de los recuadros.






No se os olvide siempre darle a Apply después de cambiar algo.









En esta parte tenemos algunos datos más.Link (active) es el color del enlace al poner el ratón encima





















Link (normal) aqui cambias el color del enlace sin poner el ratón.


















Border es el borde del cbox. Fíjaros que hay un asterisco rojo junto a Border.

Si cambias esta zona marcados con asterisco, teneis que volver a poner el codigo nuevo de cbox dentro del blog.
















Aqui podeis cambiar el scroll (la barra que sube y baja para ver los mensajes anteriores)














Track BG aqui podeis cambiar el color de detras de la barra que sube y baja.














En border le ponemos un borde a la barra y a los botones de las flechas









Una vez cambiado todo, si queremos poner el nuevo codigo vamos a esta parte y pegamos el nuevo codigo.





Si queremos modificar el tamaño nos vamos a esta parte





Y nos saldra esto


Width modifica el ancho, Height la altura y Form height la zona de los datos.


Esto que vamos hacer ahora lo encontre en el blog de la blogueria


Ahora vamos añadirle mas cosas al codigo que nos da cbox

Vamos a obtener el código de nuestra CBox, en la sección Publish. Pégalo en un Elemento HTML / Javascript, como cualquier widget.

<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="150" height="90" src="http://www3.cbox.ws/box/?boxid=2834125&amp;boxtag=ynwcvm&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-bottom:0px" id="cboxform"></iframe></div>
<div><iframe frameborder="0" width="150" height="260" src="http://www3.cbox.ws/box/?boxid=2834125&amp;boxtag=ynwcvm&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe</div>
</div>



Hay 3 parte (div): la primera, "cboxdiv", contiene a las otras dos, "cboxform" (donde ponemos el nombre y la URL) y "cboxmain" (el cuerpo donde van los mensajes). Las tres contienen su propio estilo y es aquí donde directamente vamos a agregar nuestras modificaciones, para hacerlo todo de la manera más sencilla.

Como ponerle una imagen de fondo a la caja principal, donde se muestran los mensajes (cboxmain).

<iframe frameborder="0" width="150" height="260" src="http://www3.cbox.ws/box/?boxid=2834125&amp;boxtag=ynwcvm&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="(Aqui el codigo que os pongo debajo )" id="cboxmain">

Esto es lo que le tenemos que añadir

border:#000000 1px solid; background: url (URL IMAGEN FONDO) center repeat;


Vamos a poner a la caja un par de bordes:

<div id="cboxdiv" style="text-align: center; line-height: 0;( aqui el codigo que os pongo debajo) ">

Esto es lo que tenemos que poner

border:2px dotted #ffffff; padding:6px; background: Blue;

En blue (Azul) le podeis cambiar el color

red ( rojo)

green ( verde)


Vamos añadir una imagen que haga de título al cbox, simplemente la agregamos al principio del código

<img src="URL IMAGEN TITULO" />

jueves, 13 de noviembre de 2008

Como cambiar el tamaño de la cabecera



Como siempre vamos a configuracion, publicacion,


plantilla calsica y buscais esto en la plantilla.





Esto es el ancho de la cabecera y donde pone 1000 lo cambias por 900 o


1110 o el tamaño que necesiteis pero tampoco demasiado grande ni pequeña.



Esto es el alto generalmente se le da ese tamaños pero se lo podeis

cambia procurar buscaros imagenes que tengan este tamaño la mayoria de las cabeceras que hay

hechas por hay suelen tener ese tamaño solo teneis que editarla con un editor de texto

Añadir la cabecera a la plantilla



Como siempre vamos a configuracion








pinchamos en plantilla clasica






y buscamos esta parte de la plantilla

y en esta parte background: $headerBgColor url(" aqui la imagen") no-repeat;

le añadimos la imagen.



Añadir una cabecera al blog



Si teneis una imagen que quereis poner de cabecera, os vais a diseño y os saldra esto pinchais en editar y introducis la imagen que querais poner.







Si no os sale la cabecera se la tenis que añadir





Os vais a diseño añadir un gadget y buscais lo siguiente añadir cabecera y decis que si


y os saldra esto










y ya esta añadida




Como cambiar los colores del blog , fuentes



A peticion de Rosario pongo este tutorial, vais a diseño y pincháis en fuentes y colores os saldrá esta otra pantalla






En esta parte podeis cambiar todas los colores de las diferentes partes del blog







Mas abajo esta las fuentes y pinchais en ella y os saldra esta otra ventana






Aqui es cogeis el tipo de fuente que quereis poner y pinchas en mas grande y si la quereis mas grande volveis a pinchar y si la quereis mas pequeña pues en mas pequeña.
Y si no es lo que os gusta tneis que hacer una cabecera aparte y insertarla en la plantilla

miércoles, 12 de noviembre de 2008

Descargar plantilla


En esta parte descargais la plantilla para que
tengais una copia por si algo os sale mal y os
recomiento que todo lo que le añadais a la
plantilla lo tengasi guardad en word por si os pasa algo lo podais volver a poner sin que perdais
nada.
Antes de hacer cualquier cosa no se os olvide de que teneis la copia de la plantilla

Como cambiar el fondo en otras partes de la plantilla

En una entrada anterior os esplique como cambiar el fondo principal de la plantilla ahora os voy a esplicar como cambiar otras partes de los fondos de la plantilla.
Ya que me lo ha solicitado Rosario.





En esta parte de la plantilla cambias el fondo de la menu bar

background: url( Aqui la imagen);


si no teneis menu bar en otra entrada pondre como se le añade





En esta parte cambias el fondo de atras

background: url(Aqui la imagen);











Aqui cambias los fondos principales


background: url(Aqui la imagen);






Aqui el fondo del post



background: url(Aqui la imagen);






Aqui cambias los fondos de la sidebar la parte del lateral del blog
background: url(Aqui la imagen);




Aqui cambias los fondos de los widget de la parte lateral del blog

background: url(Aqui la imagen);


Si no teneis esto background: url(Aqui la imagen); en alguna parte se lo podis añadir



Ir probando a ver cual le pertenece a cada fondo que quereis cambiar le dais a vista previa y si es como os gusta a guardar plantilla.

No se os olvide tener una copia de la plantilla

sábado, 8 de noviembre de 2008

Centrar una imagen que quereis enlazar

<div align="center"> <a href=" Aqui el blog que quereis enlazar" target="_blank"><img src="Aqui la url de la imagen"/> </a> </div>

Codigo para que todos los enlaces salgan en otra ventana

Este codigo vale para que todos los enlaces salgan en otra ventana incluido la menu bar

hay que ponerlo antes de </head>
















<!--código de salir en otra ventana--><script language='javascript'>var dominio = &quot;http://lacasitadelasservilletas.blogspot.com/&quot;;var dominio1 = &quot;http://lacasitadelasservilletas.blogspot.com/&quot;;var script = &quot;javascript:void(0);&quot;;var imagenesblogger0 = &quot;bp0.blogger.com&quot;;var imagenesblogger1 = &quot;bp1.blogger.com&quot;;var imagenesblogger2 = &quot;bp2.blogger.com&quot;;var imagenesblogger3 = &quot;bp3.blogger.com&quot;;var blogger1 = &quot;www.blogger.com&quot;;var blogger2 = &quot;www2.blogger.com&quot;;var publicidad = &quot;pagead2.googlesyndication.com&quot;;function LinksExternos() {var Externo;if (document.getElementsByTagName(&#39;a&#39;)) {for (var i = 0; (Externo = document.getElementsByTagName(&#39;a&#39;)[i]); i++) {if (
Externo.href.indexOf(dominio) == -1 &amp;&amp;Externo.href.indexOf(dominio1) == -1 &amp;&amp;Externo.href.indexOf(script) == -1 &amp;&amp;Externo.href.indexOf(imagenesblogger0) == -1 &amp;&amp;Externo.href.indexOf(imagenesblogger1) == -1 &amp;&amp;Externo.href.indexOf(imagenesblogger2) == -1 &amp;&amp;Externo.href.indexOf(imagenesblogger3) == -1 &amp;&amp;Externo.href.indexOf(publicidad) == -1 &amp;&amp;Externo.href.indexOf(blogger1) == -1 &amp;&amp;Externo.href.indexOf(blogger2) == -1
){Externo.setAttribute(&#39;target&#39;, &#39;_blank&#39;);//Externo.setAttribute(&#39;class&#39;, &#39;linkexterno&#39;);}}}}window.onload = function() {LinksExternos();}</script><!--fin código de abrir en otra ventana-->






Aqui lo podeis ver puesto en la plantilla




Enlazar una imagen con una pagina

Codigo para enlazar una imagen con una pagina y que al mismo tiempo salga en otra ventana


<a href=" Aqui el blog que quereis enlazar" target="_blank"><img src="Aqui la url de la imagen"/> </a>

Leer mas

1. Ir a Plantilla (Template), luego a Edición de HTML y clic en Expandir plantillas de artilugios. Después agregas el siguiente código entre <head> y <head>. Preferible que lo pegues al final (antes de <head> ), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.
















<!--código 1 de 3 leer mas--><script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/> <!--fin código leer mas -->


2. Luego buscas lo siguiente:

<div class='post-header-line-1'/><div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats --></div>




3. Después tendrás que borrar la siguiente linea:

<div class='post-body'>


y reemplazarla por el siguiente código:

<!--código 2 de 3 leer mas--><div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'> <!--fin código leer mas -->


4. Seguimos en la Plantilla. Una vez que as pegado el código anterior, ahora pegas lo siguiente después de

<p><data:post.body/></p>


<!--código 1 de 3 leer mas-->
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Si quieres ver mas...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Cerrar...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if> <!--fin código leer mas -->

Ahora puedes guardar los cambios de la plantilla.
5. Para que funcione esto necesitas un código más, que lo vas a pegar en:- Ir a Opciones. Luego a Formato y en Plantilla de entrada lo pegas.

Cuando vas a publicar algo, prácticamente en todas las entradas te saldrá este código, sin necesidad de estar escribiéndolo en cada entrada. No olvidar guardar los cambios.

El código es el siguiente:


Aquí escribes el contenido.<span id="fullpost">

Aquí escribes el resto del contenido que no se vera. </span>

Tod@s los herman@s de luz que me acompañan en este caminar gracias por vuestra luz y armonia

Todas las imágenes de este blog las he recopilado de Internet y sin yo saberlo alguna tiene Copyright rogaría me avisen y inmediatamente las quito gracias.