Anneyeong ^^ Malam nih I nak ajar korang cara nak buat Blackquote like me ^^
Sebelum Hover
Selepas Hover
Template Designer
1. Sign In -> Dashboard -> Template -> Edit HTML
2. Tekan F3 and search code nih :
blockquote {
3. Copy code dibawah dan gantikan dengan code tadi
blockquote {
color: #aaa;
border-left: 10px solid #aaa;
border-top: 2px solid #aaa;
border-right: 10px solid #aaa;
border-bottom: 2px solid #aaa;
padding: 4px;
margin:1em 20px;
-webkit-transition: 1s;
}
blockquote:hover {
color: #fff;
box-shadow: inset 530px 0 0px 0 #aaa;
-webkit-transition: 1s;
cursor: pointer;
}
4. Preview & Save
Blogskin/Clasic Template
Pastekan diATAS code </style>
AAA : Gantikan dengan code warna korang
CR : Kak Arrien
No comments:
Post a Comment