-->

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

رسانه محبوب برنامه نویسان جوان

...رسـانـه ای پـویـا بـرای عـلاقـمـنـدان بـه دنـیای کـامـپـیـوتـر ، فـنـاوری اطلاعـات ، برنامـه نویسـی ، آموزش و

رسانه محبوب برنامه نویسان جوان

...رسـانـه ای پـویـا بـرای عـلاقـمـنـدان بـه دنـیای کـامـپـیـوتـر ، فـنـاوری اطلاعـات ، برنامـه نویسـی ، آموزش و

اسلاید شو

رسانه محبوب برنامه نویسان جوان
گنج سخن
صلوات شمار
افکارسنجی
نویسندگان
رتبه بلاگ
تبلیغات
وضعیت آب و هوا
اخبار فناوری

 

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

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

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد. فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد  ico , png , gif

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

<link  rel="shortcut icon"  href="https://www.cepro.blog.ir/favicon.ico" >

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

✓ در پایان :

شما عزیزان میتوانید هرگونه سوال و یا نظر خود راجع به این مطلب را با ما درمیان بگذارید. همچنین اگر مطلب مفید بود جهت حمایت از ما کافیست بر روی تبلیغ کنار وبلاگ کلیک نمایید   :)

            

 منبع : راهنمای وبلاگ نویسان با تغییر

دیدگاه ها (۳)

سلام
خیلی ممنون استفاده کردم
ممنون
مفید بود
ما چقدر دیر متوجه می شویم که زندگی و حیات یعنی همان دقایق و ساعاتی که با کمال شتابزدگی و بیرحمی انتظار گذشتن آنرا داشتیم.((دیل کارنگی))

ارسال نظر

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