blogiema: 2013

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

http://data.whicdn.com/images/12114158/fundo-lacinhos_large.jpg

http://data.whicdn.com/images/12114157/fundo-bolinhas2_large.jpg

http://data.whicdn.com/images/12283309/fundo-bolinhas3_large.jpg

http://data.whicdn.com/images/13250647/fundo-coracao_large.jpg

http://data.whicdn.com/images/15004586/fundo-floral_large.jpg

http://data.whicdn.com/images/16867472/strawberries-flowers-cute-pink_large.gif

http://data.whicdn.com/images/26161617/20120310075721_8tdRu_large.jpeg

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

http://data.whicdn.com/images/51687740/tumblr_mh3lfsJwJT1ry0e0no1_500_large.jpg

http://data.whicdn.com/images/3966112/x_d88a6919_large.jpg

http://data.whicdn.com/images/62877071/large.jpg

http://data.whicdn.com/images/62762719/large.png

http://data.whicdn.com/images/62546384/large.png

http://data.whicdn.com/images/62483124/large.gif

http://data.whicdn.com/images/62375695/large.png

http://data.whicdn.com/images/60560263/large.jpg

http://data.whicdn.com/images/60558370/large.jpg

http://data.whicdn.com/images/59663845/large.jpg

http://data.whicdn.com/images/58009378/tumblr_ml033rsfPO1ryekqco1_250_large.jpg

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

http://data.whicdn.com/images/31358568/tumblr_m67wa4yQsl1qkn0nro1_1280_large.jpg

http://data.whicdn.com/images/31432864/tumblr_m5gkrnPK9u1rynt56o1_1280_large.png

http://data.whicdn.com/images/31752633/AwybKH-CQAACE5i_large.jpg

http://data.whicdn.com/images/31760025/AwzIGJgCAAIFfyc_large.jpg_large

http://data.whicdn.com/images/33510234/tumblr_m7rir1wJrF1qkn0nro1_1280_large.jpg

http://data.whicdn.com/images/35180465/A0kFySpCIAA8Z40_large.jpg_large

http://data.whicdn.com/images/35254112/tumblr_m8unzr5X731qkn0nro1_500_large.jpg

http://data.whicdn.com/images/36302725/tumblr_m8unxpxCd31qkn0nro1_1280_large.jpg

http://data.whicdn.com/images/35883024/tumblr_m8uo0ijzvO1qkn0nro1_500_large.jpg

http://data.whicdn.com/images/37966762/tumblr_mama6jVwf91rgyp0vo1_500_large.jpg

http://data.whicdn.com/images/46387515/tumblr_mewe76poj31rz07ggo1_1280_large.png

http://data.whicdn.com/images/51416038/BCVqJXQCUAAPNWI_large.png_large

http://data.whicdn.com/images/55546886/BFjme_OCMAEPJk4_large.png_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

http://data.whicdn.com/images/49765091/BBDQ1aFCQAAeEJG_large.png_large

http://data.whicdn.com/images/49797392/tumblr_mgxknvCaa91rkh4c4o1_400_large.jpg

http://data.whicdn.com/images/50711041/BByDP41CEAMduli_large.jpg_large

http://data.whicdn.com/images/11976496/fundo-doces_large.jpg

http://data.whicdn.com/images/12114153/fundo-bolinhas_large.jpg

http://data.whicdn.com/images/12114151/fundo-pink_large.jpg

http://data.whicdn.com/images/12114155/fundo-xadrez_large.jpg

credit : weheartit