رتبه موضوع:
  • 23 رای - 2.09 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
قرار دادن آیکون برای سایت و وبلاگ (favicon)
#1
حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا 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> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)

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



 منبع bloghelp
اموزش زبان تضمینی بصورت رایگان :
http://parsicoders.com/showthread.php?pi...2#pid14312



 خرید بهترین مجموعه اموزش زبان انگلیسی در دنیا :



http://www.am-shop.ir/shop/uncategorized/9157/
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  معرفی یک سایت حرفه ای در زمینه باربری roozferight 0 33 05-22-2017، 10:03 PM
آخرین ارسال: roozferight
  مواردی از طراحی سایت فروشگاهی تاثیر گذار amir.raamezanii 0 84 04-25-2017، 01:05 PM
آخرین ارسال: amir.raamezanii
  طراحی سایت پت شاپ چیست Sharmin555 0 292 03-29-2017، 12:16 PM
آخرین ارسال: Sharmin555
  طراحی سایت تبلیغاتی eh3an2010 0 173 03-26-2017، 03:22 PM
آخرین ارسال: eh3an2010
  طراحی سایت و اهمیت دسترسی سایت sitecup 0 126 03-26-2017، 01:40 AM
آخرین ارسال: sitecup
  هفت نکته که در زمان طراحی سایت باید به آن توجه کنید sitecup 0 165 03-20-2017، 05:58 PM
آخرین ارسال: sitecup
  استفاده از RSS feeds برای افزایش ترافیک وب سایت Sharmin555 0 190 03-18-2017، 10:53 PM
آخرین ارسال: Sharmin555
  طراحی سایت با وردپرس sitecup 0 169 03-16-2017، 12:33 PM
آخرین ارسال: sitecup
  طراحی سایت مدارس چگونه است؟ sitecup 0 304 02-19-2017، 05:55 PM
آخرین ارسال: sitecup
  طراحی سایت خوبی داشته باشید و از هزاران رزومه سبقت بگیرید as2017 0 310 01-19-2017، 08:29 PM
آخرین ارسال: as2017

پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان
This forum uses Lukasz Tkacz MyBB addons.