Assalamualaikum :)
Ada orang yang belum tidur ker?? hehe saje je update malam coz baru jer bukak cbox dan terjumpa satu request dari adik any
so malam2 nie nak buat tuto about blockquote.. sebenarnye blockquote tu bukan arrien yang reka,So kepada orang yang reka blockquote tu arrien creditkan kepada dia.. coz blockquote tu dari blogskin.. ^_^
Nak tahu blocquote tu macam mane?? tengok bawah nie>
Selepas hover >
Nak try?? ikowt tuto nie-->>
Template Designer
1. Dashboard > Designer > Edit HTML
2. Press Ctrl + f serentak dan cari code /* Headings
3. Next copy code bawah ni
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. Pastekan dibawah code tadi.
5. Preview and save !
Template Classic / Blogskin
1. Dashboard > Template
2. Press Ctrl +f serentak dan cari code </style>
3. Kemudian,copy code dekat bawah ni
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. Pastekan di atas code yang tadi
5. Preview and save !
Note: Kalau dah ada Blockquote, korang just gantikan dengan code yang arrien bagi tadi
Merah : Code colour.
3 Comments