Border & bayang-bayang pada tajuk pos



Preview:

Caranya:
1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML

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

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

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

untuk pengguna template Simple, cari kode:
h3.post-title, .comments h4 {
4) Kemudian copy paste kode di bawah SETELAH kode yang kamu cari tadi
* kode ini adalah untuk border bentuk segiempat. Kalau kamu mau bentuk border yang lain, pilih di 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;

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  - kode warna untuk warna background title post kamu
         000000 - kode warna untuk warna border title
        C0C0C0 - kode warna untuk warna bayang-bayang border

kamu boleh pilih warna di bawah ini:
( untuk paparan lebih besar, klik di sini)


5) Klik preview

6) Jika tidak error,terus klik save template dan lihat hasilnya :)

Selamat mencoba! :)