Thursday, November 10, 2011

Cara Untuk Menukar Favicon/Icon Blog

Favicon adalah singkatan kepada “Favourite Icon” iaitu icon atau logo. Favicon terletak di tepi title tab pada browser. Terdapat 2 cara untuk menukar favicon. Jom tukar favicon anda kepada gambar pilihan anda. Sebagai contoh seperti gambar dibawah.

kepada

Cara 1: Tukar Di Page Element Tanpa Edit HTML

Step 1:
Dashboard > Design < Page Element kemudian klik “edit” pada tepi widget favicon seperti dalam gambar dibawah,


Step 2:
Setelah anda klik edit, akan keluar pop up dan tekan pada choose file seperti gambar bawah dan pilih gambar dari pc/laptop anda. Kemudian klik save !

Step 3:
Klik preview, jika ok, klik save !

Cara 2: Tukar favicon dengan mengedit HTML.

Step 1:
Cari gambar yang bersaiz 16x16. Anda boleh edit saiz gambar anda menggunakan photobucket.

Step 2:
Upload gambar tersebut di SINI dan copy url image anda.

Step 3:
Paste URL image( rujuk langkah 2) dan paste pada teks Masukkan URL image di sini pada kod di bawah.

<link href='Masukkan URL image di sini' rel='shortcut icon' type='image/x-icon'/>

cth:

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAzCZWdF8odApQXsiO30cMo_50JOuKjnYnK0qjNKVLxMQQG5cjnv7pE8WswSj2tEqtXnGkuTv80MLtOnjkKmQcgmnQGJlBTATbBc4YZzyu7D1bGKmUZdwoaEf4eBYto2ArIkcBJjEOFszo/s320/favicon.jpg' rel='shortcut icon' type='image/x-icon'/>

Step 4:
Dashboard > Layout > Edit HTML.

Dengan menggunakan keyboard, tekan kekunci Ctrl + F dan taip atau paste kod
]]></b:skin>
pada ruang Find. Seterusnya tekan kekunci Enter.

Step 5:
Salin kod yang telah siap di edit tadi( rujuk langkah 3) dan paste kod tersebut di bawah atau selepas kod ]]></b:skin>

Step 6:
Tekan preview dan jika tiada mesej Error yang terpapar, klik saja Save.

Tekan like jika berhasil ! :)

Entri Rakan Blogger