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

ساخت آیکون برای وبلاگ
iconدسته: روش ها و کدهای افکت, کدهای امکانات, اسكرول بار و استاتوس بار, ابزار وبمسترها,
با سلام خدمت دوستان و وبلاگ نویسان عزیز. هر وبمستر حرفه ای همیشه سعی میکنه که سایتی رو  طراحی و مدیریت کنه که در عین حرفه ای بودن، ظاهری ساده و جذاب داشته باشه. شما هم مطمئنا دوست دارید وبلاگ/وبسایت حرفه ای تری داشته باشید. در همین راستا پیشنهاد میکنم برای وبلاگتون یک آیکون منحصر بفرد داشته باشید. آیکونی که متناسب با محتوای وبلاگ و خاص وبلاگ خودتون ساختید. پیشنهاد میکنم برای وبلاگتون یک فیوایکون داشته باشید. در این قسمت آموزش ساخت آیکون برای وبلاگ (به عبارت حرفه ای تر فیوآیکون) رو برای شما عزیزان ارائه میکنم.



این نکته رو هم اضافه کنم که favicon تنها مختص وبلاگ یا وبسایت نیست، شما میتونید فیوآیکون رو برای اکانتهایی مثل پرشین گیگ هم قرار بدین.

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

قدم اول: طراحی آیکون

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

قدم دوم: تبدیل آیکون طراحی شده به فیوآیکون (فرمت استاندارد)

شما نمیتونید مستقیما  تصویرتون رو با پسوند ico ذخیره کنید. برای این کار باید از نرم افزار ها یا سایت های مخصوص این کار استفاده کنید. یکی از نرم افزارهای مناسب برای این کار، any to icon است که میتوانید از این لینک دانلود کنید. همچنین میتواند از سایتهای آنلاین ساخت فیوآیکون استفاده کنید. پیشنهاد میکنم از سایتها استفاده کنید. چون هم راحت تر هستند و هم برنامه اضافی روی سیستم نصب نمیکنید. نمونه سایت ساخت فیوآیکون رو در این لینک یا این لینک مشاهده کنید.

اگر از سایتها استفاده میکنید: ابتدا فایلتون رو در سایت آپلود کنید تا بطور اوتوماتیک فیوآیکون شما ساخته شود. بعد فایل رو در سیستم خودتون ذخیره کنید.

نکته: این هم یک سایت هست که شما میتونید بصورت آنلاین فیوآیکون خودتون رو طراحی و ذخیره کنید.

قدم سوم: آپلود فیوآیکون روی سرور

فایل فیوآیون رو (که حالا favicon.ico شده است) رو روی سرورتون آپلود کنید. سرور مناسب میتونه پرشین گیگ یا پارسا اسپیس باشه.

قدم چهارم: اضافه کردن کد فیوآیکون در قالب وبلاگ/وبسایت

از کد زیر استفاده کنید. جای این کد در بالای کدهای قالب و در بالای فایلهای Css هست. فراموش نکنید که حتما باید بین <head> و <head/> قرار داده بشه. آدرس آیکون خودتون رو باید جایگزین http://..../favicon.ico در زیر بکنید.

<link rel="shortcut icon" href="http://..../favicon.ico">

نکته و یادآوری: دقت کنید که پسوند یک فیو آیکن باید Windows Icon باشه. یعنی آخرش یک پسوند .ico داشته باشه. اسم فیوآیکون هم باید favicon باشه!

این هم نمونه فیو آیکن وبلاگ ما همراه با کد:

<link rel="shortcut icon" href="http://drlilp.parsaspace.com/pagerankbooster.mihanblog/favicon.ico">

به همین راحتی! خسته نیاشد. اگر سئوالی بود حتما مطرح کنید. در ضمن دوستانی که مطالب رو کپی میکنند لطفا ذکر منبع رو فراموش نکنند.

موفق و سربلند باشد.

icon

سایر صفحات