سلام در این پست میخوام یک مطلب فوق العاده مفید و کاربردی رو بگم که میتواند به زیبایی و حرفه ای تر بودن وبلاگ یا سایتتون کمک کند.
چیزی که میخوام آموزش بدم روش قراردادن فایو آیکون fiviconبرای سایت یا وبلاگ.
فایوآیکون همون تصویر کوچکی هست که در بالای سربرگ مرورگرتون نمایش داده میشه ومخصوص همون سایتی که تو صفحتون باز کردین معمولا متحرک هست!مثل همین تصویر کره زمین که من برای خودم گداشتم
این کار دو مرحله دارد:
1-ساخت آیکون سایتمون
2- قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما
تصویر مورد نظر ما باید سایزش 16در16 پیکسل باشه. تنظیم اندازه تصویر را می توانید با استفاده از فتوشاپ و یا سایت های مخصوص ارائه favicon انجام بدین.فرمت تصویری شما حتی باید یکی از این فرمت ها باشد: ico , png , gif
اگه با فتوشاپ یا اینجور نرم افزارا مشکل دارید عیبی نداره میتونید از سایت favicon.cc استفاده کنید.در این سایت میتونید نماد یا آیکون دلخواهتونو ایجاد کنید. ضمنا این سایت هست که باید فایلتون رو به فرمت فایوآیکون دربیاره !
نکته:fivicon تصویر بسیار ریزی پس سعی نکنید زیاد بهش شاخ و برگ بدین یا گرافیک بالا کار کنید هرچه ساده تر و سبکتر بهتر
خوب بعد از اینکه فایوآیکونکون رو ایجاد کردیم اونو از همون سایت دانلود میکنیم. فایل دانلود شده با این فرمت و نام هستش: favicon.ico
حالا باید این فایلمونو در یک آپلودسنتر یا فضای آپلود یا هرجا که شد آپلود کنیم،حواستون باشه که سایتی که fivicon رو داخلش آپلود میکنید فرمت فایلمونو پشتیبانی کنه و اونو با لینک مستقیم آپلود کنه!
بعد از آپلود لینک فایلمون رو کپی میکنیم در داخل کد زیر:
<link href="آدرس فایو آیکون شما" rel="shortcut icon">
این کد باید حتما بین<head> و </head> در قسمت ویرایش قالبتون قرار بگیره
آدرس منبع اصلی:
http://geosky.rozblog.com
یا
geosky.ir
توجه!
هرگونه کپی برداری بدون ذکر منبع غیر اخلاقی است و ناظر شما وجدان شماست!
با سپاس- ژئواسکای
نظرات و پیشنهادات خود را با ما در میان بگذارید
آموزش ساخت براش در فتوشاپ 