Monday, March 30, 2020

[Toturial Blog] Border & bayang-bayang pada tajuk post

Preview:




Caranya:
1) Sign in akaun blogger 

2) Dashboard > Design > Edit HTML 

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod untuk title post seperti berikut 

untuk pengguna template watermark, Picture Window dan Travel, cari kod:
h3.post-title {  

untuk pengguna template Ethereal dan Awesome Inc., cari kod:
h3.post-title, h4 { 


untuk pengguna template Simple, cari kod:
h3.post-title, .comments h4 {


4) Kemudian copy paste kod di bawah SELEPAS kod yang korang cari tadi:

background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0


contoh rupa kod korang:
Contoh:

h3.post-title, .comments h4 {

background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;box
-shadow: 0 0 2px 2px #C0C0C0; 


nota: FFECF5  - kod warna untuk warna background title post korang
        000000 - kod warna untuk warna border title
        C0C0C0 - kod warna untuk warna bayang-bayang border

No comments:

.