Hari ini kita belajar cara untuk custmoize tajuk untuk mencantikkan lagi post korang. Seperti gambo di atas, saya ada meletakkan gambo kecik atau icon disebelah tajuk post. Jadi dengan icon kecik ni, nampak lebih ceria lagi kan? Ok ikuti langkah2 di bawah untuk membuatnya.
1. Cari satu gambar kecik atau icon. Pastikan saiz pixel nya adalah 24x24 atau 16x16 atau seumpama denganya.
2. upload la gambar tadi kat mana2. Saya mencadangkan korang uplaod ke googlepages.
Buka template>edit HTML dan cari .post h3 dan masuk kod seperti di bawah:
background: url(URL-GAMBAR-KORANG) no-repeat left top;padding-left:30px; kelebaran tempat gambar icon tadi supaya ia tidak bertindih dengan tajuk post.
padding-left:30px;
3. Untuk menambah satu garisan kecil di bawah tajuk post. Korang hanya perlu tambah kod seperti di bawah pada tempat yang sama.
border-bottom:1px solid #CCC;Dimana #CCC adalah kod warna untuk warna kelabu@gray.
Disinilah korang buleh gunakan kreativiti korang untuk menambah ape2 lagi kat post title.
Technorati Tags: blogger hack, post title, template
0 komeng:
Post a Comment