Tutorial: Letak Border Pada Widget

Hai, hari ni nak share sedikit tutorial iatu cara-cara nak letak border pada widget. Meletak border pada widget ini boleh dianggap sebagai penyeri pada sesuatu widget, dan juga sebagai pemisah diantara satu widget dengan widget yang lain. 

 

(contoh border pada widget)

1. Klik design > page element 

2. Seterusnya pilih widget yang nak dipasang border contohnya widget follower, about me, search..

3. Lihat link widget, dan copy id widget tersebut.

4. Widget id berada dibahagian hujung link tersebut iaitu CustomSearch1

yang biasanya berakhir dengan widgetld=Customsearch1.

5. Kemudian masuk semula ke design > Edit HTML > tick Expand Widget Templates.

6. Dengan menggunakan Ctrl + f cari kod ini  ]]></b:skin>  

dan letakkan kod seperti dibawah ke atasnya: 

#CustomSearch1{
border: 3px solid ;padding:3px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:url(letak url imej disini)repeat;
}

7. Pada background url masukkan url imej yang anda suka untuk meletak background. Kemudian save templete.

Untuk widget lain, anda cuma perlu mendapatkan id dengan membuka semula widget yang nak dimasukkan border dan masukkakn widget id tersebut pada ruangan teks hijau pada kod di atas. Bagi yang kurang faham boleh lihat tutorial di SINI

SELAMAT MENCUBA.....

---

Terima Kasih Kerana Sudi membaca Entry Saya!Like Kalau Suka

---