Hola, el día de hoy les traigo un nuevo tutorial, es la parte II de personalización de los títulos de los gadgets, en estos últimos meses he estado probando nuevos diseños , así que por eso el día de hoy les traigo algunos diseños que espero que les gusten.
Personalizar los títulos de los gadgets / parte II
Lo primero que tenemos que hacer es muy fácil, antes de hacer cualquier cambio a nuestro blog tenemos que descargar nuestra plantilla en caso de que ocurra algo. Para ello seguimos los siguientes pasos:
Ahora que ya hemos guardado una copia de seguridad de nuestro blog ahora ya podemos empezar a modificando. La primera idea que quiero mostrarles es el efecto degradado.
Para ello seguiremos los siguientes pasos :
Este es el código que se debe colocar para poder tener un efecto degradado
.sidebar h2{ /*Adornar el título del gadget*/
background: linear-gradient(#CC6699,#FF9999
); /*Color de fondo degradado*/
text-align: center; /* Para que el título quede en el centro */
color: #000000 !important;/*Color de fuente*/
border-top: 0px inset #000000; /**Color del borde Superior**/
border-bottom: 0px inset #0000000; /**Color del borde Inferior**/
border-left: 0px double #000000; /**Color del borde Izquierdo**/
border-right: 0px double #000000; /**Color del borde Derecho**/
padding: 6px 0 6px 2px; /* distancia arriba, distancia derecha, distancia abajo, distancia izquierda */
text-transform: uppercase; /*Para que el texto quede en mayúsculas*/
}
}
Ahora sólo debemos dar en la opción aplicar al blog y finalmente vamos a ver blog. Y el resultado sería el siguiente:
El siguiente código es para poner una imagen de fondo, el procedimiento es similar , pero el código es diferente .
.sidebar h2{ /*Adornar el título del gadget*/
background-image: url('url de la imagen'); /*dirección de la imagen */
text-align: center; /* Título en el centro */
border-top: 0px inset #000000; /**Borde Superior**/
border-bottom: 0px inset #0000000; /**Borde Inferior**/
border-left: 0px double #000000; /**Borde Izquierdo**/
border-right: 0px double #000000; /**Borde Derecho**/
text-transform: uppercase; /*Para que quede el texto en mayúsculas*/
}
background-image: url('url de la imagen'); /*dirección de la imagen */
text-align: center; /* Título en el centro */
border-top: 0px inset #000000; /**Borde Superior**/
border-bottom: 0px inset #0000000; /**Borde Inferior**/
border-left: 0px double #000000; /**Borde Izquierdo**/
border-right: 0px double #000000; /**Borde Derecho**/
text-transform: uppercase; /*Para que quede el texto en mayúsculas*/
}
El resultado es este:
Hola!!! Cuando llegue a mi casa tratare de hacerlo, gracias por él tutorías. Besos
ResponderBorrarHolaaaa❤❤❤❤...
ResponderBorrarCreo que estaba esperando la siguiente parte para poder cambiarlo🙊🙊jajaja
Muchas gracias❤
Más tarde cuando en la compu, lo pruebo...
Pd: puedes subir una donde explique cómo personalizar el título de la entrada, por fa xc...
Eso De ponerlo centrado y así...
❤🖑😻
¡Hola!
ResponderBorrarMuchísimas gracias por este tutorial, llevaba meses viendo blogs con estos diseños en sus títulos y simplemente no entendía como lo hacían.
¡Saludos!
¡Hola!
ResponderBorrarMuy buen tutorial, me ha encantado.
¡Sigue así!
Hello Everyone Here,
ResponderBorrarMy Name is Dylan Brandon, I'm from the UK and I was once a Breast Cancer patient.
Until the day my doctor recommended Dr Itua Herbal Remedy to me on how he uses Herbal medicines to cure all kinds of disease, I was very inst rested on his herbal remedy because I was very sick at that moment and I was diagnosed with Breast Cancer. I took the risk to take his treatment.
I contacted him on Email and explained my situation to him, he kindly told me how it works and also how I can purchase his herbal product through his website www.drituaherbalcenter.com/shop. A week later the herbal medicines were shipped to me through courier service, I drank his herbal medicines for four weeks and I was healed, cured from Breast Cancer.
It was so marvelous that even my friends with Breast/Prostate Cancer also contacted Dr Itua for herbal products and they are all cured as well with Dr Itua Herbal Medicines, I do not know how many Sick people are here today or who have not yet read this. I pray god should let you see this to know there is wellness for you. He guaranties me that he can cure the listed diseases like Bladder cancer,Brain cancer,Hiv,Herpes,
Esophageal cancer,Gallbladder cancer,Gestational trophoblastic disease,Head and neck cancer, lymphoma
Intestinal cancer,Breast Cancer,Prostate Cancer,Brain Tumor,Kidney cancer,Hpv,Tach Diseases,Leukemia,Liver cancer,Lung cancer,Melanoma,Mesothelioma,Adrenal cancer.Bile duct cancer,Bone cancer ,Multiple myeloma,Neuroendocrine tumors
Dr Itua Herbal Center Contact,Email: drituaherbalcenter@gmail.com.