ایران جستجو

هر چی بخوای اینجا پیدا میشه!

ایران جستجو

هر چی بخوای اینجا پیدا میشه!

روش ساخت favicon برای وبلاگ نویسان وسایت داران

این مطلب آموزشی را برای تمام وبلاگ نویس ها اعم از پارسی بلاگ وبلاگفایی ... می گذارم، خودم حدود یک هفته ای درگیرش بودم تا تونستم مشکلش رو برطرف کنم تا جواب گرفتم بنابراین اگر شما وبلاگ نویس ها و حتی دارنده های سایت مشکلی در اجرای این ابزار داشتی به خودم بگید تا شما را راهنمایی کنید.قابل توجه همه باید بگم با این کار کلی کلاس وبلاگتون رو می بره بالا همچنین در کل می تونید موضوع کلی وبلاگ یا سایتتون رو به بازدیدکننده بشناسید.

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


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

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


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


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


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


نمایش کلی که خواهید دید از این کار در تصویر زیر با علامت فلش داخل تصویر نشان داده شده است؛ یادآوری می کنم آرس فایلی که تهییه کردید تنها باید در قسمت رنگی کد قرار گیرد.


منبع: بلاگ اسکین

نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد