تبلیغات
قالب و کد وبلاگ رایگان - آموزش قرار دادن آیکون کوچک در کنار آدرس سایت و وبلاگ favicon.ico
 
قالب و کد وبلاگ رایگان سایت طراحی قالب و کد های جاوا اسکریپت
درباره وبلاگ


تهیه و انتشار قالب های رایگان برای میهن بلاگ ، بلاگفا ، پرشین بلاگ ، بلاگ اسکای و ... کدهای جاوا اسکریپت ساعت ، آمار گیر ، وضعیت یاهو ، اوقات شرعی ، آموزش تصویری وبلاگ نویسی و تغییر قالب ... کدهای موزیک و آهنگ وبلاگ ، ابزار رایگان وبمستر ها

مدیر وبلاگ : ایرانی
نویسندگان
برچسبها

درج تبلیغات ، آگهی و نیازمندی های رایگان در اینترنت

آموزش کامل قرار دادن آیکون و تصویر کوچک

 favicon.ico

در کنار آدرس و عنوان سایت و وبلاگ

آموزش قرار دادن آیکون کوچک در آدرس وبلاگ favicon

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

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

مرحله اول : ایجاد فایل Favicon.ico

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد ، فرمت یا پسوند فایل تصویری شما حتما باید ico باشد (  سایز آن هم  بهتر است  16*16 باشد )
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، 
سایت  http://favicon.cc  ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. در این سایت علاوه بر امکان رسم و طراحی دستی آیکون شما می توانید تصویر مورد نظر خود را از سیستم خود انتخاب کنید .

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

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


مرحله دوم  : آپلود فایل favicon.ico در فضای اینترنت

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

http://weblog-skin.persiangig.com/favicon.ico

آدرس سایت های آپلود رایگان  عکس و تصویر  :

مرحله سوم : افزودن کد مربوطه به وبلاگ و وبسایت

در این مرحله بعد از اینکه آدرس favicon خود را که در مرحله قبل بدست آوردید در قسمت قرمز رنگ کد زیر  قرار دادید می توانید آن را به کد وبلاگ و وبسایت خود اضافه کنید .

<link href="http://weblog-skin.persiangig.com/favicon.ico" rel="shortcut icon">

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


آموزش قرار دادن آیکون کوچک در آدرس وبلاگ favicon

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

در این اینجا آموزش ما به پایان می رسد ، اگر سوال خواصی در این مورد داشتید می تونید در قسمت نظرات بپرسید ، اگه هم نه خوب یک نظر خشک و خالی که می تونید بدید

 





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


نمایش نظرات 1 تا 30
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :