Sentuhkan cursor disini.
{ sample for blockquote hover }
Template Designer / Denim :
1. Template > Edit HTML
2. Tekan F3 dan cari code /* Headings
3. Paste code yang diberi dibawah ni ke bawah anak-anak code /* Headings
----------------------------------------------- */
4. Save Template
Blogskin :
1. Template
2. Tekan F3 , cari code Blockquote {
3. Kalau dekat bawah code Blockquote { tu dah ada code lain,sila delete code tu.Ingat ! Hanya delete code blockquote sahaja!
4. Paste code dibawah ni ke bawah code Blockquote { ._.
blockquote{
background:#F2F2F2;
color:#000;
width:90px;
background:#F2F2F2;
border-left:20px solid #D8D8D8;
border-right:0px solid #A4A4A4;
font-family: Arial;
color:#9C9C9C;
font-size:10px;
letter-spacing: 2px;
text-align:center;
display: inline-block;
text-transform:uppercase;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
padding:5px;
overflow: hidden;
}
blockquote:hover {
border-left:30px solid #58ACFA;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
|
Thankyou for visiting.
I make some blog tutorial here & I hope you like it.
*No repost (just backlink if you want to share)
*All tutors are mine unless stated
|
Sentuhkan cursor disini.
{ sample for blockquote hover }
Template Designer / Denim :
1. Template > Edit HTML
2. Tekan F3 dan cari code /* Headings
3. Paste code yang diberi dibawah ni ke bawah anak-anak code /* Headings
----------------------------------------------- */
4. Save Template
Blogskin :
1. Template
2. Tekan F3 , cari code Blockquote {
3. Kalau dekat bawah code Blockquote { tu dah ada code lain,sila delete code tu.Ingat ! Hanya delete code blockquote sahaja!
4. Paste code dibawah ni ke bawah code Blockquote { ._.
blockquote{
background:#F2F2F2;
color:#000;
width:90px;
background:#F2F2F2;
border-left:20px solid #D8D8D8;
border-right:0px solid #A4A4A4;
font-family: Arial;
color:#9C9C9C;
font-size:10px;
letter-spacing: 2px;
text-align:center;
display: inline-block;
text-transform:uppercase;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
padding:5px;
overflow: hidden;
}
blockquote:hover {
border-left:30px solid #58ACFA;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
  |