Wednesday 14 November 2012

How To Add Border And Shadow In Post Title

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjULAzgLu3DLyDFuGeR8zTJxfnjj3xQKBRmslgmdPU-wi4S5Hhtf3lfq3PBILDeCHIr_fzgR3PtvcFNyDtJIRBIcnhNt7EhV_P9pV6bBw-9fIM0efQLeYcayVTx8Rh-4c8Y11xu0958yX-h/s1600/free+digital+scrapbook+paper_blue+pink+cream+stripes.jpg);


 
The image belong to : http://www.lyssasecret.com/
 
 Hi there ^^ You see the image up there? Okay, if you want that effect in your title post, click read more! 
1. Log in > Dashboard > Design > Edit Html 

2. Click CTRL + F in same time, then search the code below :

.post h3 {     
 
Nah, nah, if you not found the first code, you can search this code too,
h3.post-title {  

or this one,
 h4 }
 
3. Okay, after that, copy this codeand paste under the code you search before :

background: #FFFFFF;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #
C0C0C0;
box-shadow: 0 0 2px 2px #
C0C0C0;

Green code = Background colour.
Orange code  =Post title border colour
Blue code = Shadow colour 

A/N : If you want to change the colour code, click here.


No comments: