Monday, August 6, 2012

Border & bayang-bayang pada title post!

Preview:

 title post!


Camne nk buat macam atas 2???

Caranye:

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
* kod ini adalah untuk border bentuk segiempat. Kalau korang nak bentuk border yang lain, pilih kat sini   

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

korang boleh pilih warna sini


5) Preview dulu, kalau jadi save n lihat hasilnya. Gudluck!! ^_^

Thanks Sudi Baca. Like Kalau Suka Ok ^_^

No comments:

Sila like fan page ini, info untuk anda

Tutorial By | bakul2011

 
COPYRIGHT@ All Right Reserved to Bicara Lily. Design by Lily