close
تبلیغات در اینترنت
خرید دامنه
آموزش گذاشتن عکس در آدرس وب
loading...

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

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

آموزش گذاشتن عکس در آدرس وب

 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 ممکن است بعد از مدتی این تصویر نمایش داده شود

 

برای آپلود عکس ایکونتون به سایت زیر برید

http://www.iconj.com/

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

helper بازدید : 1133 شنبه 5 شهريور 1390 زمان : 2:19 نظرات ()
ارسال نظر برای این مطلب
این نظر توسط سمیه در تاریخ 1393/3/30 و 22:16 دقیقه ارسال شده است

سلام این مطالب خیلی بدرد ما تازه واردا میخوره. خیلی عالی بود موفق باشید

این نظر توسط zahra در تاریخ 1391/9/26 و 16:57 دقیقه ارسال شده است

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

این نظر توسط فائزه در تاریخ 1391/8/19 و 20:52 دقیقه ارسال شده است

مرسی خیلی دنبالش بودم بازم ممنونشکلک

این نظر توسط مهسا در تاریخ 1391/6/10 و 15:59 دقیقه ارسال شده است

سلامـ
دستت دردنکنه
عالـــــــــــی بودشکلکشکلکشکلکشکلکشکلک

این نظر توسط در تاریخ 1391/4/24 و 5:29 دقیقه ارسال شده است

واقعا مرسی خیلی خوب بودش شکلکشکلکشکلکشکلکخیلی سایت خوبی دارین به مولا خیلی دنباله این کار بودم واقعا مرسیشکلکشکلکشکلکشکلکشکلکشکلکشکلکشکلکشکلکشکلکشکلک


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 13
  • کل نظرات : 123
  • افراد آنلاین : 1
  • تعداد اعضا : 109
  • آی پی امروز : 2
  • آی پی دیروز : 7
  • بازدید امروز : 22
  • باردید دیروز : 8
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 22
  • بازدید ماه : 181
  • بازدید سال : 1,614
  • بازدید کلی : 164,439