background sidebar
Bukak Dashboard - Design - Edit HTML.
Cari kod ni..
h2 {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
}
Bila dah jumpa, gantikan semua kod kat atas tu dengan kod yang ni..
h2 {
text-align:center;
-moz-border-radius: 10px 10px;
border-radius: 40px 40px;
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: normalcase;
background:url(url image)
}
Gantikan url image tu dengan url image yang u all berkenan. Macam aku ni, masukkan warna kosong je tanpa corak sebab tak berkenan dengan mana-mana wallpaper bercorak lagi. U all cari la yang cantik-cantik tapi jangan sampai tak leh baca tulisan di tajuk sidebar tu pulak. Pesanan ikhlas ni tau.
PERHATIAN!! Berkenaan kod yang dipaste tadi.
text-align:center;>>untuk centerkan tulisan di tajuk sidebar tu. Kalau tak nak center, tak payah la masukkan bahagian ni.
-moz-border-radius: 10px 10px;border-radius: 40px 40px;>>untuk design background yang melengkung. Kalau tak nak design yang melengkung, tak payah masukkan kod ni, ia akan jadi bentuk segiempat biasa.
text-transform: normalcase;>>untuk tulisan yang biasa, maksudnya u all boleh tulis tajuk kat sidebar macam ni = 'i lOve u' (aku memang suka gunakan huruf O besar) jadi, ia akan display macam tu jugak. Kalau nak ia display semua huruf besar boleh tukarkan kepada 'uppercase' ataupun semua huruf kecil tukar kepada 'lowercase'.
background post
1. Dashboard > Design > Edit Hmtl > Tisk Expan Widget Templates
2. Tekan Ctrl F , dan cari kod ini :
.post {
3. Bagi sesiapa yang sudah jumpa tu , korang copy code ini dan paste bawah code tadi :
-webkit-border-radius: 40px;
width: 650px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://i1125.photobucket.com/albums/l597/cotcet96/20070320_313973.gif);
border: 1px solid transparent;
border-top: 0;
}
* Yang warna merah tu , URL background itu . Kalau nak cari yang lain , boleh search dekat photobucket , google and kat mana2 je lah :)
4. Ok ! Before SAVE , Preview dulu ye . Takot takk menjadi pulakk .
freebies
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijaY86oZuJOYdyzTWuD0zHIBqNmiqGBCqMiu-5kTHwtA2r3BRtv7kU72kr_920RXZ7k2o3DzkASSTUYGL_vj4_9IxDaUxyDwLRzvJ5Y1_N6S2edskq7jDU9p2iKXgP-pSdSoIJzSapVmQ/s400/flower+bee.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQ3VliIsr5JmiWUMOhObVJA8LoT5MKYmxpMqzDyrTMf7RE3VcFPSzP8_XUpWjO3QK6QSmdhvODRSmatGNoYMRP2N7EPrBS3LTRdTAa_qM57gj6w-hHWoJa1aA8ArSLhfVeKb4t_Ov20s/s400/dotted+leaf+flower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2Pc2TIRgFhPzQosVVLDzSwE7looYlKcHgWhlvBYVWwMGg0tqO6SAmmghB4u70wXYvEKxwEkxou2VMuiQxM_ZiaQZXUntNwCoeFu6mAo-ZOEgMPm8oXg5aHiUI8uTnTKtHIw_wOQwaOE/s400/dotted+love+flower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIRa3ApFNzqkbsK_EhH-ROHxOyo3njJtZNBi-D-Nt5WUQrzH0JY7k_N71Gk86Lc_gsigS-OosQHmKnU_Xw-ydR3u5TmRqrvb8jNpHhwLs-toyNs7Y2zlKz3FRAnyYzq8C3HcwUdU38rpI/s400/autumn.png
No comments:
Post a Comment