extras;

0 comment

Plateau and sunshine Gradient for post title

1. Template > Edit HTML

2. press F3 to find this code: </style>

3. paste the code given below, after </style>

4. and then press F3 once again to find this code: <BlogItemTitle>

5. paste <div class="posttitle"> , before <BlogItemTitle>

6. and paste </div> after </BlogItemTitle>

code:

@font-face{font-family:porkys;src:url('http://static.tumblr.com/vcwvd4s/F0emdxp4p/porkys_.ttf')}.posttitle {
font-family:'porkys';
font-size:15px;
color:#fff;
padding:4px;
margin-top:10px;
background: -moz-linear-gradient(center top, #b8d8f2, #92bde0 25%, #3282c2 50%, #92bde0 75%, #b8d8f2); background: -webkit-gradient(linear, center top, center bottom, from(#b8d8f2), color-stop(25%, #fff), color-stop(50%, #fff), color-stop(75%, #92bde0), to(#b8d8f2));
text-align: center;
}

@font-face{font-family:porkys;src:url('http://static.tumblr.com/vcwvd4s/F0emdxp4p/porkys_.ttf')} .title {
font-family:'porkys'';
font-size:13px;
color:#fff;
padding:4px;
margin-top:30px;
line-height: 10%;
text-align:right;
margin-top:-20px;
background: -moz-linear-gradient(left top 315deg, orange, yellow 30%, white 40%);
background: -webkit-gradient(linear, left top, right bottom, from(orange), color-stop(30%, yellow), color-stop(40%, yellow));
margin-top:4px;
text-align:right;
}