Tutorial Ubah Tulisan Post Title

tutorial nie iema nak tunjukkan cara ubah tulisan kat post title
ade dua cara korang nak ubah tulisan kat blog

CARA PERTAMA
Dashboard -> Template -> Customize (rujuk gambar)

klik Advanced -> Post Title
pilih la font korang nak

Apply to Blog

CARA KEDUA
korang ke Edit HTML
cari kod untuk Post Title (rujuk gambar dibawah)

yang iema kotakkan color hijau toe, korang ubah font lain yang korang nak
dah selesai save template
kalau nak ubah font lain2 pun boleh jugax
font di sidebar atau font untuk post

Tutorial Letak Cursor dalam Blog

hye
tutorial nie iema nak tunjukkan cara letak cursor kat blog sendiri
macam kat blog iema nie, ade 2 cursor berbezakan

cursor iema yang pertama

cursor iema yang kedua

cursor yang pertama, cursor biasa kat blog iema nie
cursor kedua akan keluar bila di halakan pada link atau gambar

nak jugak macam toe, jom follow tutorial nie
sebelum toe korang kena la design sendiri cursor korang toe ye
siap2 dah upload kat photobucket untuk dapatkan link cursor korang toe

 P/S : nax copy, highlight dan guna ctrl + c

 Dashboard -> Layout -> Add A Gadget -> HTML/ Javascript
 copy paste kod nie di ruangan content
<style type="text/css">body, a, a:link{cursor:url(URL CURSOR PERTAMA), default;} a:hover {cursor:url(URL CURSOR KEDUA),wait;}</style>
color hijau = letak cursor korang yang pertama
color oren = letak cursor korang yang kedua

 dah selesai, save
kalau cursor korang tak jadi, mungkin disebabkan korang tak delete kod cursor korang yang sebelum nie
korang kena delete kod lame dulu taw

Tutorial Cantikkan Sidebar (Full)

iema nak jawap pertanyaan dari Eiyna

Gambar 1

nie kod iema yang asal
tak nampak, klik gambar untuk jelas
nak jarakkan antara kotak2 sidebar korang
cari kod margin korang
0em boleh ubah sebanyak mane korang nak ubah



nak bentuk border macam nie?
nie kod nye
-webkit-border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
border:3px solid #BD6B84;
background-color:#ffd6e3;
color oren = color untuk border
color hijau = color untuk background



nak ubah tajuk/title di sidebar
boleh tambah kod nie kalau tak ade kat kod korang toe
text-align:center;
(center, left, right)
letak dibawah kod nie
h2 {
rujuk pada gambar 1


tutorial sidebar yang lain, kat sini
tutorial lain, kat sini
Tutorial

Tutorial Ubah Size Gambar

hye
biasa tax tengox bile nax exchange banner, gambar banner masing2 lain2
ade yang besar, terlebih besar, kecik, terlebih kecik pun ade
gambar tax sekata kan, tengox pun da tax cantik

jangan risau ade jalan penyelesaian nya
sebagai contoh gambar di bawah
kod asal gambar nie
<img src="http://data.whicdn.com/images/63004783/large.jpg"/>
nampax besar sangat kan
tax sesuai nax letax di sidebar korang
caranya :-
tambah kod nie di dalam kod tadi
width="150" height="150"
kod tadi akan jadi macam nie dan gambar pun turut berubah

<img src="http://data.whicdn.com/images/63004783/large.jpg" width="200" height="170"/>
ape2 gambar atau banner boleh guna kod nie
width="150" height="150"
selamat mencuba.. ^__^

Tutorial Kotak Banner

hye
da lame iema tax update tutorial kan
agax sibuk sikit menguruskan hal lain
iema nie agax minat kumpulkan banner blogger2 lain
korang nax exchange banner, p kat sini -> Exchange Banner
bagi yang minat kumpul banner toe, boleh la guna tutorial nie
tutorial nie lebih mudah, kemas dan lebih cantik serta tersusun

jom ikuti tutorial nie

contoh kotak banner
 P/S : nax copy, highlight dan guna ctrl + c

Dashboard -> Pages -> New Page -> pilih Blank Page

copy dan paste kod di bawah di bahagian HTML
<table -moz-border-radius:="" 35px="" bgcolor="b4627b" border-radius:="" cellpadding="4" cellspacing="4"><tbody>
<tr bgcolor="ffffff"><td><center>code banner</center>
</td><td><center>code banner</center>
</td><td><center>code banner</center>
</td><td><center>code banner</center>
</td></tr>
</tbody></table>
kalau nax tambah lagi, cuma tambah kod nie
<tr bgcolor="ffffff"><td><center>code banner</center>
</td><td><center>code banner</center>
</td><td><center>code banner</center>
</td><td><center>code banner</center>
</td></tr>
di bawah kod </td></tr> atau di atas </tbody></table>

color merah = color border sekeliling kotak toe
color oren = boleh ubah kotak banner setiap row, tapi 4 da ok kot
color biru = color background
color kuning = kod banner yang di exchange

dah siap, publish..
kalau nax update banner lagi, edit page dan update ye ^__^

Background Part 5

Fundo-lacinhos_large
http://data.whicdn.com/images/12114158/fundo-lacinhos_large.jpg
Fundo-bolinhas2_large
http://data.whicdn.com/images/12114157/fundo-bolinhas2_large.jpg
Fundo-bolinhas3_large
http://data.whicdn.com/images/12283309/fundo-bolinhas3_large.jpg
Fundo-coracao_large
http://data.whicdn.com/images/13250647/fundo-coracao_large.jpg
Fundo-floral_large
http://data.whicdn.com/images/15004586/fundo-floral_large.jpg
Strawberries-flowers-cute-pink_large
http://data.whicdn.com/images/16867472/strawberries-flowers-cute-pink_large.gif
20120310075721_8tdru_large
http://data.whicdn.com/images/26161617/20120310075721_8tdRu_large.jpeg
Backg9067890_large
http://data.whicdn.com/images/27256917/backg9067890_large.jpg
Hello-kitty-wallpapers-for-mac-580x348_large
http://data.whicdn.com/images/34146699/hello-kitty-wallpapers-for-mac-580x348_large.jpg
Tumblr_mh3lfsjwjt1ry0e0no1_500_large
http://data.whicdn.com/images/51687740/tumblr_mh3lfsJwJT1ry0e0no1_500_large.jpg
X_d88a6919_large
http://data.whicdn.com/images/3966112/x_d88a6919_large.jpg
Large
http://data.whicdn.com/images/62877071/large.jpg
Large
http://data.whicdn.com/images/62762719/large.png
Large
http://data.whicdn.com/images/62546384/large.png
Large
http://data.whicdn.com/images/62483124/large.gif
Large
http://data.whicdn.com/images/62375695/large.png
Large
http://data.whicdn.com/images/60560263/large.jpg
Large
http://data.whicdn.com/images/60558370/large.jpg
Large
http://data.whicdn.com/images/59663845/large.jpg
Tumblr_ml033rsfpo1ryekqco1_250_large
http://data.whicdn.com/images/58009378/tumblr_ml033rsfPO1ryekqco1_250_large.jpg
12588050376263_large
http://data.whicdn.com/images/56702786/12588050376263_large.jpg
Vector-love-pattern-background-452x336_large
http://data.whicdn.com/images/55814112/Vector-Love-Pattern-Background-452x336_large.jpg
credit : weheartit

Background Part 4

Tumblr_m67wa4yqsl1qkn0nro1_1280_large
http://data.whicdn.com/images/31358568/tumblr_m67wa4yQsl1qkn0nro1_1280_large.jpg
Tumblr_m5gkrnpk9u1rynt56o1_1280_large
http://data.whicdn.com/images/31432864/tumblr_m5gkrnPK9u1rynt56o1_1280_large.png
Awybkh-cqaace5i_large
http://data.whicdn.com/images/31752633/AwybKH-CQAACE5i_large.jpg
Awzigjgcaaiffyc_large
http://data.whicdn.com/images/31760025/AwzIGJgCAAIFfyc_large.jpg_large
Tumblr_m7rir1wjrf1qkn0nro1_1280_large
http://data.whicdn.com/images/33510234/tumblr_m7rir1wJrF1qkn0nro1_1280_large.jpg
A0kfyspciaa8z40_large
http://data.whicdn.com/images/35180465/A0kFySpCIAA8Z40_large.jpg_large
Tumblr_m8unzr5x731qkn0nro1_500_large
http://data.whicdn.com/images/35254112/tumblr_m8unzr5X731qkn0nro1_500_large.jpg
Tumblr_m8unxpxcd31qkn0nro1_1280_large
http://data.whicdn.com/images/36302725/tumblr_m8unxpxCd31qkn0nro1_1280_large.jpg
Tumblr_m8uo0ijzvo1qkn0nro1_500_large
http://data.whicdn.com/images/35883024/tumblr_m8uo0ijzvO1qkn0nro1_500_large.jpg
Tumblr_mama6jvwf91rgyp0vo1_500_large
http://data.whicdn.com/images/37966762/tumblr_mama6jVwf91rgyp0vo1_500_large.jpg
Tumblr_mewe76poj31rz07ggo1_1280_large
http://data.whicdn.com/images/46387515/tumblr_mewe76poj31rz07ggo1_1280_large.png
Bcvqjxqcuaapnwi_large
http://data.whicdn.com/images/51416038/BCVqJXQCUAAPNWI_large.png_large
Bfjme_ocmaepjk4_large
http://data.whicdn.com/images/55546886/BFjme_OCMAEPJk4_large.png_large
Large
http://data.whicdn.com/images/59922490/large.jpg
Sweet-background-with-elements-800-452x336_large
http://data.whicdn.com/images/49633497/Sweet-background-with-elements-800-452x336_large.jpg
Bbdq1afcqaaeejg_large
http://data.whicdn.com/images/49765091/BBDQ1aFCQAAeEJG_large.png_large
Tumblr_mgxknvcaa91rkh4c4o1_400_large
http://data.whicdn.com/images/49797392/tumblr_mgxknvCaa91rkh4c4o1_400_large.jpg
Bbydp41ceamduli_large
http://data.whicdn.com/images/50711041/BByDP41CEAMduli_large.jpg_large
Fundo-doces_large
http://data.whicdn.com/images/11976496/fundo-doces_large.jpg
Fundo-bolinhas_large
http://data.whicdn.com/images/12114153/fundo-bolinhas_large.jpg
Fundo-pink_large
http://data.whicdn.com/images/12114151/fundo-pink_large.jpg
Fundo-xadrez_large
http://data.whicdn.com/images/12114155/fundo-xadrez_large.jpg
credit : weheartit