Tutorial : Blockquote Like Me.

by - 2:49 PG



Tumblr_m5g7cfxcfs1r618i1o1_500_large

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.





You May Also Like

3 Comments