tutorial : pakai custom font dalam blogger

KC sebenarnya pakai Google punye custom fonts jer kat sini, free pulak tu... sangat senang.. camni caranya

1. cari la font mane yang kite berkenan. pastu add to collection.

2. biler dah pilih, click kat review button belah bawah tu. ni untuk finalize kan font yg kite dah pilih.

3. kalau dah puas hati, click kat use pulak.

4. pergi ke step 3, pakai standard tab jer. copy sumer code dalam step tu.

contoh:

<link href='http://fonts.googleapis.com/css?family=Nova+Oval' rel='stylesheet' type='text/css'>

5. pergi ke blogger - dashboard - template - edit html - proceed
6. klik expand widget templates
7. cari kod <head>
8. paste kod dari no 4. bawah kod <head> tadi tu
9. kemudian kalau nak masuk dalam css style tu pakai kod cam nih (ikut step no 4 dari google webfonts tadi):

 font-family: 'Nova Oval', cursive;

10.  untuk gune font ni dalam post entri, cari kod .post {
11. letak kod no 9 tu dalam kod .post { tadi tu..

12. sile preview dulu ye sebelum save.

tutorial : cara tukar background blog

OK.. kalau nak tau camner nak tukar background blog template kite boleh la ikut cara kat bawah nih k

1. login blogger - dashboard - layout - add a gadget (kat mane2 pon boleh)

2. add html/javascript

3. masukkan script kat bawah ni dalam tu k

<script type="text/javascript">
var background= new Array()
background="Image URL"
document.write("<style>");
document.write("body {");
document.write(' background:url("' + background + '") repeat top center;');
document.write(" }");
document.write("</style>");
</script>

4. pastu gantikan "Image URL" tu dengan url gambar yang korang nak...

5. lepas da siap bleh la add dan save yer.. pastu preview jadi ker tak..  kalau tak jadi bleh jer remove balik gadget tu tadi..

kalau korang nak tengok background2 cute2 and comel2 bleh la tengok kat freebies KC.. kat sini.. kalau minat bleh jer amik.. pastu roger KC k kat komen nanti.. tq muahhh =)

sebenarnya tutorial ni KC copy dari sini:  

http://maribinablog.blogspot.com/2009/12/cara-mudah-tukar-background-pada-blog.html.

kat blog tu ada macam2 tutorial yang menarik dan senang nak follow. *promote jap* boleh la korang gi sane jalan2 sekali yer.. hehe

tutorial : bagi salam dalam setiap entri post

rasanya ramai dah blogger2 lain yang dah buat tutorial simple nih.. memang sesuai tutorial nih untuk beginner2 macam KC nih.. nak tau camner? ok kite tengok step2 dier k

*sebelum start buat tutorial ni, jangan lupe yer backup dulu existing template. kalau ada problem senang nak revert balik.. kalau nak tau camner nak backup blog template, pegi sini ye =)

1. dashboard - template - edit html - proceed

2. pastu klik ctrl + f dan cari kod ni:

<div class='post-body entry-content'>

3. biler dah jumpe, copy pulak kod nih:

 <center><img src='URL image'/></center><br/> 

4. paste kod no 3 kat bawah kod no 2.

5. URL image tu kene la tukar dengan URL gambar yang korang nak letak yer.

KC ada bagi freebies image dan link untuk nih.. kalau nak tengok kat sini. link yang ada kat bawah gambar tu bleh la tukar ngan URL image tadi ye..

OK. kalau ada problem roger2 la KC kat komen yer.. nanti KC tolong mane2 yang mampu..

tutorial : cara nak back up template blog kite

aritu mase blogger pakai dashboard baru, terkial2 jugak KC nak cari camner nak backup template blog KC nih.pastu cari tutorial kat en google sumer bagi tutorial untuk dashboard lame.. 

backup template ni penting kalau kite nak buat changes kat html code blog kite tu.. sebab takut nanti kalau kite dah tukar macam2 pastu tak jadik tak ke naye kan... biler dah backup nanti senang la sket kalau jadi apa2 bleh jer restore balik ke asal

so kite tengok step dier k

1. dashboard - template

2. klik kat backup/restore yang ada di atas kanan tu.. tengok bawah nih kalau tak perasan (KC dulu mmg tak perasan langsung.. huhu):

 3. pastu klik jer kat backup full template button cam kat bawah nih:

lepas dah download bleh la close and sambung pengubahsuaian blog template kite tu =)

tutorial : nak tunjukkan kod html kat blog entri

pernah tak nak tunjukkan kod html kat entri, tapi biler preview je entri tu, tak nampak pulak kod tu. rupenye dier dah commit koding tu. so taknak bagi dier commit, kenela enkod die.senang jer cara nyer

1. pegi sini: http://centricle.com/tools/html-entities/
2. masukan kod html yang nak ditunjukkan

3. klik encode
4. dier akan bagi kod yang telah di enkod
5. copy kod2 tu
6. paste kan balik dalam blog post.

7. biler preview kite akan nampak kod2 yang kite letak tadi.

amacam senang tak? kalau ada soalan bleh la tinggalkan komen yer.. nanti KC cube jawab. TQ