[Tutorial] Change Picture Size

Kembali bersama Yana-sensei dalam segmen tutorial. Eceh. Well, tuto kali nie simple je. My classmate ask me. So, this is special for you dude. Ahaha :D

#Click untuk tumbesaran dugro. Zoommm#

Nampak gambar yang dalam kotak merah tu? Okay. Nak ubah gambar dari gambar yang besar gedabak jadi gambar yang ikut saiz yang kita nak. Macam gambar ads ChurpChurp yana tu, saiz dia yana set 50 x 50. Cemana nak buat? Senang je. Ikut step kat bawah nie :
1. Bukak korang punya Template tu.
2. Ctrl + F / F3 untuk cari code image korang tu. Contoh code image ChurpChurp yana nie :

<a href="http://my.churpchurp.com/akira93/share/churpchurp-invite" target="_blank"><img  src="http://cdn.main.churpchurp.com/buzz/img/571/9012.png"/></a>

3. Nampak warna merah tu? Now, sebelum code "/>" tu tambah code nie : 

width="xx" height="xx"

**Nanti dia jadi macam nie :

<a href="http://my.churpchurp.com/akira93/share/churpchurp-invite" target="_blank"><img  src="http://cdn.main.churpchurp.com/buzz/img/571/9012.png" width="xx" height="xx" /></a>

**Yang xx tu korang boleh la set pixel dia.
4. Save. Siap! :)

[Tutorial] Change Newer Post, Home and Older Post to Icon

Sebenarnya ada orang tanya pasal nie dah lama dah. Tapi yana baru teringat nak buat tuto nie. Wuu. Sori dear. Betul2 terlupa lah :(

Oke, untuk tak memanjangkan masa, jom kita mula :)

1. Dashboard > Design > Edit HTML > tick Expand Widget Template

2. Tekan Ctrl + F dan cari code nie :

expr:title='data:newerPageTitle'><data:newerPageTitle/>

3. Code warna merah tu gantikan dengan code bawah nie :

<img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/>

4. Okay sudah? Cari code nie pulak :

expr:href='data:blog.homepageUrl'><data:homeMsg/>

5. Then gantikan code merah tu dengan code nie :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>

6. Yang last pulak untuk older post, cari code nie :

 expr:title='data:olderPageTitle'><data:olderPageTitle/>

7. Gantikan code merah dengan code kat bawah :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

8. Yang berwarna biru tu korang boleh tukar icon dia kalau taknak sama dengan yang yana punya . Kalau taknak tukar pun takpe :)

9. Go save now. Siap! :)

[Tutorial] Tukar Warna Highlight

Salam and morning readers~

Sebelum yana nak keluar dengan ayah, untuk bukak akaun bank islam (sebab nak masuk u dah) yana menyempatkan diri yana post jugak satu entry pagi ni. Yana nak buat tutor pasal nak tukar warna highlight. Kalau korang highlight entry yana nie, highlight dia jadi warna pink kan? Okayh. Meh yana ajar.



1. Dashboard --> Design --> Edit HTML


2. Ctrl + F cari code ni :

a:link {

3. Then copy code kat bawah ni dan paste before a:link {

:-moz-selection {
background:#000000;
color:#FFFFFF;
}
::selection {
background:#000000;
color:#FFFFFF;
}

4. Code warna merah tu korang boleh tukar ikut warna yang korang nak. Picit >sini< untuk code warna.


5. Preview dan Save! :)

p/s : Kalau tak jadi sila bagitau okayh? Untuk copy code tekan Ctrl + C. Yana buat disable right click. So takkan berhasil kalau korang right click. Sori ye?

Sekian :]