 |
 |
 |
 |
 |
 |
قرار دادن آیکون برای سایت و وبلاگ (favicon)
حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.
برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما
شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت [favicon.cc] این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:
<link href="http://adres-shoma/blogskin.ico" rel="shortcut icon">
این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)
شما همچنین می توانید از سایت های [favicongenerator.com] و [tools.dynamicdrive.com/favicon] برای تبدیل تصاویر خود به favicon استفاده کنید.
برای این منظور ما دو نرم افزار کارآمد زیر را به شما توصیه می کنیم:
| Download | Description | Screenshot |
 |
Adsen FavIcon 1.2 License: Freeware Adsen FavIcon is a simple favion freeware creator that lets people make a favicon ico for their website, which shows up in IEs favorites.
Author: Adsen Software Date: 27 July, 2007 OS Support: Windows 2000 , Windows 2003 , Windows 95 , Windows 98 , Windows Millennium , Windows NT 4.x , Windows XP , Windows Vista |
 |
|
BytesX Favicon Generator 1.0.0.1112 License: Freeware BytesX Favicon Generator is a free and easy-to-use favicon maker that can create favicon from most popular image formats, including PNG, BMP, JPG, GIF, and icon containing files, such as ICO, ICL, EXE, DLL.
Author: BytesX Software Date: 12 November, 2011 OS Support: WinXP , Windows Vista |
 |
پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت (در برخی مرورگر ها هم کنار عنوان سایت) ببینید.
توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات بعد از مدتی (معمولا بین ۲روز تا یک ماه) نمایش داده خواهد شد.
برای آپلود فایل ها نیز می توانید از سایت های زیر استفاده کنید که فرمت های مربوطه را پشتیبانی می کند!
| www.uplooder.net | www.7upload.ir |
| upcity.ir | freeupload.in |
| nanofile.ir | www.uploadax.com |
| www.upload7.ir | www.uploadtak.com |
منبع: [www.1abzar.com] (البته با کمی دخل و تصرف)
آیکون های از پیش طراحی شده
 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
لطفا برای دانلود هر آیکون بر روی آن کلیک کنید سپس آیکون مورد نظر را در یکی از سایت های زیر آپلود کنید
سپس آدرس آن را در کد زیر قرار دهید: <link href="http://adres-shoma/blogskin.ico" rel="shortcut icon"> این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)
آیکون های تجاری
آیکون های پرچم
آیکون های مختلف
آیکون های شبکه
آیکون های شیئی
آیکون های نرم افزار
|
خدمات رایگان ما
اگر با تمامی این امکانات قادر به ایجاد یک آیکون استاندارد برای وبلاگ خود نیستید آدرس وبلاگ خود را با ذکر اینکه خواهان طراحی یک آیکون برای وبلاگ خود هستید برای ما بفرستید.
| نمونه آیکون های طراحی شده توسط ما | ||
 |
 |
empty |