Cambiar color de seleccion del texto

este tutorial es mas bien para dar un toque de color al blog, sabeis cuando haceis un opia y pega que os sale de color azul? pues es para cambiar esto.

1. Vas a Plantilla > Editar HTML.

2. Le das a Plantilla de Formato y buscas: body { 
(para encontrarlo mas rapidamente haces clic a CTRL+F)

3. Justo encima pegas esto:

::selection {
background:#efbbcb;
color:#90022a;
}
::-moz-selection {
background:#efbbcb;
color:#90022a;
}
::-webkit-selection {
background:#efbbcb;
color:#90022a;
}

El background es el fondo de selección (lo que se vería en color azul) y el color es el color de las letras (lo que se vería en blanco).

Redondear las puntas de todo tu blog

Este tutorial esta pensado para la plantilla "Sencillo". por esto es que si lo prueban en una plantilla distinta a la Sencillo no les va a salir bien :)

1. Vamos a "Plantilla" y entramos en "Editar HTML".
2. Damos clic a "Plantilla de formato" y luego apretamos CTRL+F.

3. Buscamos: .content-outer { y borramos esto que aparece justo debajo:

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

Fijense que les tiene que quedar la última línea: margin-bottom

4. Inmediatamente después les saldrá .content-inner { Allí agregamos:

-moz-border-radius: 25px;
-goog-ms-border-radius: 25px;
-webkit-border-radius:25px;
border-radius: 25px; 

Le pueden cambiar el valor para que quede a su gusto. Recuerden que cuanto más grande sea el valor (hasta 100px) más redondo se verá.

5. Si quieren ponen 'Vista previa' para verificar que todo este bien y luego guardan los cambios.

Pedido de Miss Imperfect

hace ya un tiempo que no tenia pedidos (si no los tengo es porque una vez dije que me enviarais los pedidos y no me lo hicisteis) y bueno Miss imperfect me pidió mas o menos todo un diseño para su blog.
Todo los pedidos ahora los tengo que hacer con picmonkey y porgramas no tan profesionales como el photshop prque en el ordenador donde estoy el photoshop me va mal.
Cabecera: cliquea en la imagen para ver el tamaño real.

Fondo: lo he elegido expressamente para poner en mosaico.

Banner: el baner puede que tengas mas problemas te lo voy a dejar lo mas facil posible.

(este es tu banner)

<a href="http://infinityffeelings.blogspot.com.es/" target="_blank"><img src="http://i44.tinypic.com/k9nj7.gif" border="0" alt="Image and video hosting by TinyPic"></a>

 eso de arriba que esta en una caja de color lila es el codigo de tu imagen.

<a href="http://infinityffeelings.blogspot.com.es/" target="_blank"><img src="http://i44.tinypic.com/k9nj7.gif" border="0" alt="Image and video hosting by TinyPic"></a><textarea><a href="http://infinityffeelings.blogspot.com.es/" target="_blank"><img src="http://i44.tinypic.com/k9nj7.gif" border="0" alt="Image and video hosting by TinyPic"></a></textarea>

el codigo que tienes con mas letras veras que tiene un trozo donde pone <textarea>  eso es lo que dices tu de lo de la cajita en blanco. esa caja puede ser modificada a tu estilo ( algun tutorial pronto sobre cambiar diseño de esas cosas) el codigo que tiene mas letras es el que tienes que usar para poner en tu blog.

para poner este codigo solo tienes que seguir estos pasos de aqui: http://california-graphics.blogspot.com.es/2013/07/una-entrada-especial-para-clara-oses.html

ahora en blogger cuando yo lo intenté hacer no podias usarlo (la textarea) asi que te recomiendo que debajo de tu cabecera donde tienes eso de ya eres socia y todo eso que hagas un apartado que diga afiliados{+} porque te digo que hagas eso? pues porqeu a parte de que podras poner tus afiliados allí, podras poner tus botones de afiliación y asi no te estorbaran por los gadgets del blog.

ahora te preguntaras como poner el banner con el codigo en ese apartado. pues es muy facil en ese apartado casi solo tendras que usar el HTML, por eso tendras que ir aquí:

despues pones el codigo alli y vuelves a la parte normal (el boton de al lado de  HTML) y escribes normal

espero qeu visites mi blog a menudo y que uses mis tutoriales.

Una entrada especial para Clara Osés Pozo

mira clara es esto:

CO-WEBS URGENTES

TODAS LAS QUE QUIERAN SER CO-WEB QUE ME DEJEN UN COMENTARIO CON SU NOMBRE, PORQUE UIEREN SER CO-WEB Y SU E-MAIL.

Desactivar el clic derecho, avisando con mensaje

hoy os traigo es tutorial para las personitas de un lugar llamado mundo que quieran desactivar el clic derecho ya que hay mucha gentuza que lo usa para robar textos, fotacas o mas cosas. por eso hoy os quiero dar este tutorial.
Las que tengais blogs de tutoriales y esas cosas os recomiendo que no lo useis porque no os podran coger los codigos etecé.

1.- Vas a diseño
2.- Añadir Gadget
3.- HTML/Javascript
y copiamos el codigo de acontinuacion:

"<script language="JavaScript">
var message="Tu mensaje";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
</script>"

5.- Cambias la parte de "Tu mensaje" (no borres las comillas) por lo que quieras que diga el texto ;)

Estado de Pedidos

Claudivina-Aceptado

Cristina-Aceptado

Diseño del blog + Tutorial (:

Holi chicas, he cambiado el diseño de california graphics, no me acababa de convencer asi que lo he cambiado, este es con tonos morados y para dar el contraste un poquito de blanco. lo hice porque estube pensando que si no elijo a ningun famosete :3 para hacer el diseño serà mas facil de cambiarlo porque me gustan muchos grupiis y famosetes y claro pues me gusto la zebra esta rara y pues me ha gustado y he hecho una cabecera y ala todo el diseño del blog cambiado. tambien estoy aprovechando para añadir alguna cosita mas en el tema de las entradas, fondos...

por cierto quiero hacer un concurso de blends. se que lo he dicho de sopetón pero quiero que la mayoria de vosotros participeis. despues o mas adelante os pondre las normas y ahora un tutorial de como poner redes sociales en tu blog ^^

Ve a diseño > añade un gadget HTML donde sea > pega el siguiente codigo:

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<a class='linkopacity' href='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

 Donde dice: DIRECCION DE TU RED SOCIAL coloca el link de tu red ya sea Facebook ,Twitter, MySpace u Orkut.. y donde dice: URL DEL ICONO DE TU RED SOCIAL coloca el link de la imagen que deseas como icono de tu red social te recomiendo que su tamaño no supere los 80x80.

Si deseas colocar mas de un icono solo basta con repetir una vez mas la parte del código que dice:

<a class='linkopacity' href='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

si quereis podeis usar estos iconos:

http://cdn1.iconfinder.com/data/icons/black-ink-grunge-social-media/128/097668-facebook-logo-square.png

http://cdn1.iconfinder.com/data/icons/black-ink-grunge-social-media/128/097740-twitter-logo-square.png

http://cdn1.iconfinder.com/data/icons/beercap/128/Beer-Cap-Facebook.png

http://cdn1.iconfinder.com/data/icons/beercap/128/Beer-Cap-Twitter.png

http://cdn1.iconfinder.com/data/icons/Social_Media_Icon_Badges/128/facebook.png

http://cdn1.iconfinder.com/data/icons/Social_Media_Icon_Badges/128/twitter.png

que os ha parecido el tutorial? muy util? inutil? por sierto si quereis pedirme hay una seccion para pedir, tengo ask... asi que podeis pedir (:

Pedido de Sofia

siento que me hayais tenido que reenviar vuestros pedidos pero bueno, sofia, en tu pedido le he pueso una cosita mas que es que detras de las fotitos (png) haya otra de la misma forma pero de un color solido. ahora te lo enseño.
Header:

el rosita mas oscuro que encontrado ha sido este y me ha parecido muy buapo :) y ves en los png detras hay una base del mismo color, pues es eso, te recomiendo que lo dejes poque queda muy buapo

tambien si pones la cabecera pon ajustar en la cabecera porque te puede quedar muy grande y despues queda mal.
y ahora la firma:

espero que te haya gustado el pedido, que sepas que hacia tiempo que no diseñaba para nadie jaja. besiis. por cierto dejame un comentario si has visto el pedido y eso ;)

ENTRADA URGENTE

esta entrada es super-hiper-mega urgente.
necesito que todas las que habeis pedido hace poco que volvais a enviarme vuuestros pedidos. sin querer he borrado los pedidos del gmail y asdfghjk me he frustrado. porfaas enviadmelos otra vez. sienteo mucho esta molestia

Temas de gogle chrome hechos por mi #1

Todos estos temas de google chrome, los he hecho yo. porfavor decidme si os han gustado, si los usareis...

si quereis alguno en especial solo teneis que pedirmelo en la pagina de pedidos del blog. de momento unicamente solo lo hago yo estode las temas de google chrome. pero si quereis ya os hare algun tutorial o alguna cosita para que podais hacerlos vosotr@s mism@s. de momento disfrutad con mis temas de google chros 100% hechos por mi :3

Descarga

Descarga

Descarga

Descarga

Descarga

Descarga

Eliminar "Mostrando entradas con..."

Para Quitarlo:

Ir A "Diseño" , "Edicion De HTML" 

En La Plantilla Buscar [Ctrl + F]

]]></b:skin>

 Arriba Pegar El Siguiente Código:

.status-msg-wrap {
visibility:hidden;
display:none;
}

 espero que el tutorial os sirva :3