پشتیبانی

درج ایکون (favicon) برای سایت یا وبلاگ :: تلکامپ - فرخ کریمی

تلکامپ - فرخ کریمی

وب سایت تخصصی تکنولوژی برق - الکترونیک و کامپیوتر

تلکامپ - فرخ کریمی

وب سایت تخصصی تکنولوژی برق - الکترونیک و کامپیوتر

تلکامپ - وب سایت تخصصی تکنولوژی برق

سایت تلکامپ در ستاد ساماندهی پایگاه های اینترنتی ثبت شده است.
-- زکات علم نشر ان است -- امام علی (ع) --
دنبال کنندگان ۷ نفر
این وبلاگ را دنبال کنید



در سایت تلکامپ
در كل اينترنت

ابزار نظر سنجی

تقویم شمسی

آخرین نظرات
پنجشنبه, ۲۷ تیر ۱۳۹۲، ۰۲:۲۱ ب.ظ

درج ایکون (favicon) برای سایت یا وبلاگ

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

پس با ما در ادامه مطلب همراه باشید...

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

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

پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico

همچنین برای تبدیل یک عکس به ایکن می توانید از سایت iconverticons.com/online استفاده کنید. البته باید توجه کنید که از پسوند های قابل استفاده مثل bmp. استفاده کنید.

این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

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

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

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


منبع: www.bloghelp.ir سایت راهنمای وبلاگ نویسان

موافقین ۰ مخالفین ۰ ۹۲/۰۴/۲۷
تلکامپ - الکترونیک و کامپیوتر

favicon

ایکن

اینترنت

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی

ابزار هدایت به بالای صفحه