Pages

5 May 2020

TUTORIAL MEMBUAT ICON / FAVICON DI SEBELAH TITLE POST/ENTRY

FAVICON ialah icon kecil yang terletak di sebelah kiri browser tab kita. Kalau macam saya, nampak tak icon ni ðŸ¦… yang saya bulatkan kuning kat bawah ni?
Ia melambangkan identiti sesebuah blog atau website.



Mudah sangat nak tukar Favicon tu. Ada beberapa cara. Tapi paling mudah, follow step berikut :

Kejap, kejap... sebelum tu, save dulu gambaq yang nak buat Favicon tu dalam "paint" pun boleh. Ni paling simple.

Just make sure gambaq tu bentuk SQUARE... maksudnya, saiz kiri kanan sama.
Contoh saya punya 108 x 108px & gambaq tu tak boleh la besaq sangat nanti dia akan cakap file too big dan sebagainya. So, to be safe, pakailah saiz 108 x 108px tu ye.

Then save la gambaq tu boh nama apa2 pun boleh kat paint. Then seterusnya...

1. Sign in Blogger
2. Pergi ke Layout
3. Then look for Favicon

Rujuk gambar kat bawah ye. Nampak tak bulat kuning tu?

4. Click "Edit" dalam kotak Favicon tersebut.




5. Remove gambar lama (Rujuk gambar bawah pulak)
6. Choose File yang kita save gambaq Favicon kita tadi
7. Then SAVE
8. Dah siap!




Credit Richard Byrne


SATU LAGI CARA 

(yang ni saya belum cuba sebab sedikit complicated, takut tersilap, but you may try then bagi feedback)
Cara ni, terimakasih kepada Blog BicaraFarah ! Saya copy dari blog beliau.

1. Sign in Blogger > Design > edit HTML > Tick Expand Widget Template
2. Cari code di bawah..cara mudah tekan Ctrl F
<a expr:href='data:post.url'><data:post.title/></a>
3. Selepas sesi mencari dan jumpa code di atas..Sila copy ini
<img src="LinkGambar"/>
dan paste di tengah-tengah code di atas seperti di bawah.

<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>

4. Gantikan URL GAMBAR dengan URL icon yang u all suka..
5. Click preview dan SAVE kalau menjadi..


Good Luck!


RuzanaIbs.com Copyright © 2015. Design by MaiGraphicDesign