Coretan by Ema: 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 ^__^

Cara Edit Blog Template Terbaru

Dashboard -> Template -> Edit HTML ade nampax triangle toe kan, klik je... kat bawah2 die pun ade lagi...

nanti keluar kod yang lain2

nax cari kod widget, header dan lain2, klik Jump to Widget toe

nax cari kod, gune Ctrl + f

preview template nax tengox hasil korang edit or nax tengox kalau ade error or tax

edit template kalau nax edit lagi

save template kalau dah selesai

senang kan.. semoga berjaya edit mengedit blog korang ye

NOTA : kalau tax jumpe kod yang di cari.. klik semua triangle yang ade kat template toe dan search kod yang nax di cari.. enter kod toe sampai jumpe (enter 2 kali atau lebih dalam kotak search sampai jumpe)

Set Background

hye iema kat sini nax kongsi la sikit set background yang iema jumpe arie toe die siap icon2 PNG die la.. icon die besar, kalau nax letax dalam blog memang tax sesuai la kalau nax letax jugax kena la resize kalau korang perasan, icon kat blog iema nie semua iema resize korang boleh tengok contoh sini jugax

http://tutorialiema.blogspot.com/

kat situ iema gune set background nie background die ade banyak pilihan warna

icon die pun banyak tapi kat blog toe iema gune sebahagian je

ade set background yang lain jugax

cantik2 kan semua nye

lepas nie nax cari lagi... boleh buat koleksi

arie toe iema kate nax buat freebies kan

nanti iema update freebies background ea

tapi hanya background sahaja taw

sowie...

NOTA : nax jugax set background nie, iema boleh editkan blog korang... bagitahu iema kat fanpage iema k... fanpage iema ade di sidebar Like + Follow Me

Tutorial Letax Background Di Cbox

hye tutorial nie untuk letax background belakang Cbox sebelum toe pastikan Cbox korang transparent ye nanti tax jadi pulax jom follow tutorial nie

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

Dashboard -> Layout -> Add A Gadget -> HTML/Javascript

<center><div style="background:url(URL BACKGROUND); background-repeat:repeat; -moz-border-radius: 20px; border-radius: 20px; border:2px solid #FFE2E2; width:250px;">CODE CBOX KORANG</div></center>