viernes, 19 de julio de 2013

Añadir Estilo a Power by Blogger

Leave a Comment
 Añadir Estilo a Power by Blogger

En este tutorial te mostrare como remover " powered by blogger " de tu blog de blogger. Compartire contigo un diseño personalizado de la frase "powered by blogger" espero que te guste anadiendolo a tu blog. Como podras ver en la foto animada abajo este cambia de color gris a estilo o color mahon o jeans cuando pones el cursor sobre estos . Vamos a empezar a modificarlo solo sigue estos pasos.
Ejemplo:

Existen dos pasos para modificar  Powered By Blogger
Paso 1 : Puedes remover  Powered By Blogger  por defecto
Paso  2 :Puedes Añadir un Nuevo estilo de Powered By Blogger

Eso depende de ti si quieres remover la frase powered by blogger de tu blog Solo sigue el Paso 1 y si deseas añadirle estilo a  Powered By Blogger Solo sigue el Paso 2.


Paso para Remover la frase por defecto Powered By Blogger 

 Paso 1
 

1. Entra en tu cuenta de Blogger.

2. Selecciona Plantilla 

3.Da Click en  Personalizar Plantilla >> Avanzado >> Añadir CSS

 Anadir Css en Blogger

4. Pegue el codigo de abajo en Añadir caja de Css . 

#Attribution1 {display: none;}
5. Luego dale al boton naranja Aplicar al Blog . Hecho!


 Paso Para Añadir Estlio Jeans a Frase Powered By Blogger 



Paso 2



1. Entra encuenta Blogger
2. Da Click en Diseño.
3. Selecciona añadir un gadget.
4. Selecciona luego HTML/JAVASCRIPT.

 5. Copia el codigo de abajo y pegalo dentro de HTML/JAVASCRIPT  .

 <style>
.myButtonLink {
display: block; width: 120px; height: 120px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVUBQLoGwN8WyxDXRTthtCDf_SNKBwPmyMl5_6RAKM0HEeVB9YYbj3ZvCZgmY2kjnNOnbnIA0RpKkusN0mVci5BdbPJZ81YPcM7tjfJi_wxL01wCQqyjfcMaqiSkR6ZBxrpw2xZTpLdj0/s1600/1.png') bottom; text-indent: -99999px;
}
.myButtonLink:hover {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ3rIAtrNCbw4XUwylNi7QpglctXVP4nQrZU0Gilym5bcrYsrjvg8aQTT7_Xbg3PgCQxPjhRHmVQwrzBlB3QR3YGKPYK7jKcq1_GbtthHg08f7RCUOe8VubVpc2-lVmvD6905WzEPDimA/s1600/1326992718_blogger.png') bottom;
height: 123px;
}
</style>
<a class="myButtonLink" href="http://www.blogger.com">blogger</a>

6. Añade el Title & Guarda el  Widget 
Hecho habras dado estilo a la frase de Powered by Blogger!

If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario