تبلیغات
دنیای فناوری - l-lelp
حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

http://adres-shoma/blogskin.ico" rel="shortcut icon">

این کد را باید حتما بین عبارت های و قرار دهید (در سطر های اول کد قالب عبارت را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)

پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت (در برخی مرورگر ها هم کنار عنوان سایت) ببینید.
توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات  بعد از مدتی (معمولا بین ۲روز تا یک ماه) نمایش داده خواهد شد.


برچسب ها : favicon , آیكون , آیکون برای سایت , آیکون برای وبلاگ , آیکون وبلاگ ,

نظرات () نویسنده: ɑʍɪɴ 1391/11/28 - 17:53

آخرین مطالب

» چطور با یافتن پیوست‌ های سنگین و حذف ایمیل‌ های قدیمی فضای خالی جیمیل را افزایش دهیم ( 1392/03/22 )
» تبدیل یک فیلم به تصویر متحرک با فرمت Gif در فتوشاپ ( 1392/03/2 )
» برترین موتورهای جستجوی عکس برای یافتن تصاویر مورد نظر شما ( 1392/02/20 )
» ساخت دو Folder هم نام در یک مکان ( 1392/02/17 )
» ۱۸ نکته و ترفند ناشناخته در فیس بوک ( 1392/02/10 )
» از اولین ویندوز تا ویندوز ۸: محیط ویندوزها را با هم مقایسه کنید! ( 1392/02/7 )
» 8 میلیاردر دنیای فناوری ( 1392/01/31 )
» حذف تبلیغات اینترنتی ( 1392/01/29 )
» افزایش سرعت مرورگر فایرفاکس | firefox ( 1392/01/29 )
» چگونه قابلیت Wi-Fi Hotspot را در ویندوز 8 فعال کنیم؟ نحوه انتقال اینترنت لپ تاپ به تلفن هوشمند یا تبلت ( 1392/01/26 )
» آموزش آنلاین بازی کردن Age of Empires 3 ( 1392/01/19 )
» روش هایی آسان برای بازیابی فایل های حذف شده ( 1392/01/16 )
» آموزش کامل تغییر فونت وبلاگ و وبسایت ( 1392/01/16 )
» قرار دادن تصویر در پشت صفحه ی جستوجوی گوگل (فقط کروم) ( 1392/01/16 )
» All in one چیست و چه مزیت‌ هایی دارد ؟ ( 1392/01/16 )
 
ADS

آمار وبلاگ

کل بازدید ها :
بازدید امروز :
بازدید دیروز :
بازدید این ماه :
بازدید ماه قبل :
تعداد نویسندگان :
تعداد کل مطالب :
آخرین بروز رسانی :

درباره ما

Related Posts Plugin for WordPress, Blogger...