افزودن Favicon به Blogger

[ravegoat]

Favicon شمایلی است که در کنار عنوان تارنما در مرورگر نمایش داده می شود:

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

اندازه ی این شمایل باید 16*16 پیکسل ویا 32*32 باشد. و فرمت آن می تواند ICO، PNG و GIF باشد. البته پیشنهاد می شود برای سازگاری بهتر شمایل با مرورگر ها از فرمت ICO و اندازه ی 16*16 پیکسل استفاده کنید.

مر حله ی اول، ساخت شمایل:

در این قسمت فقط سایت هایی را معرفی می کنیم که به صورت آنلاین و سریع برای شما Favicon می سازند(Online Favicon Generator):

http://www.antifavicon.com/

ساخت شمایل ساده فقط با دادن نوشته و انتخاب رنگ ها

http://www.favicon.cc/

ساخت شمایل با گرفتن تصویر از رایانه شما و تغییر اندازه ی آن

موارد دیگر:

http://www.favicon.co.uk/

http://tools.dynamicdrive.com/favicon/

http://www.html-kit.com/favicon/

مر حله ی دوم، بالاگذاری شمایل:

پس از ساختن شمایل آن را در جایی آپلود می کنیم که به شما لینک مستقیم دهد و مقدار زمان نگهداری فایل بر روی سرور نامحدود باشد (Unlimited File Life).


مر حله ی سوم، افزدن شمایل به بلاگ:

برای این کار به قسمت Edit HTML قالب بلاگ خود بروید و در تگ Head زیر خط:

<title><data:blog.pageTitle/></title>

کد زیر را وارد کنید:

<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

یا از این کد استفاده کنید:

<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>

دو کد بالا فقط برای شمایل هایی با پسوند .ico عمل می کند.


اگر پسوند شمایل شما .png است، از کد زیر استفاده کنید:

<link href='URL of your icon file' rel='shortcut icon' type='image/png'/>

اگر پسوند شمایل شما .gif است، از کد زیر استفاده کنید:

<link href='URL of your icon file' rel='shortcut icon' type='image/gif'/>

به جای URL of your icon file نشانی شمایل آپلود شده ی خود را وارد کیند.


منبع

موفق باشید!
آرمینبرای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید