چهارشنبه, ۵ اردیبهشت, ۱۴۰۳ / 24 April, 2024
مجله ویستا

راهنمای عملی گذاشتن آیکون برای وبلاگ


راهنمای عملی گذاشتن آیکون برای وبلاگ
حتما تا حالا این دایره سبزرنگی که کنار اسم وبلاگ من وجود داره رو دید.
از این نمونه‌ها در گوگل، گوگل ریدر، ویکیپدیا، بلاگر، جی‌میل و خیلی سایتای دیگه می‌تونید ببینید، که من عکس چند تای اونها رو اینجا گذاشتم.
دیروز ایمیل یکی از دوستان به دستم رسید که خواسته بود توضیح بدم چطوری این آیکون رو اونجا قرار می‌دن. منم این توضیح رو اینجا می‌ذارم تا دوستان دیگه هم که قصد استفاده دارند بهره ببرن.
قدم اول) اول از همه احتیاج به یه آیکون مناسب برای وبلاگتون دارید.
مشخصات آیکون: سایز آیکون شما باید۱۶×۱۶ پیکسل استاندارد باشه. (استاندار باشه یعنی اینکه با فتوشاپ یه آیکون ۱۶×۱۶ درست نکنید بعد پسوند فایل رو به ico تغییر بدید)
برای درست کردن آیکون استاندارد از یه عکس (فرق نمی‌کنه سایز عکس چقدر باشه) دوراه دارید.
راه اول اینه که از طریق این سایت آدرس عکس از روی هاردتون رو بهش بدید و اون هم در عرض سه سوت (شاید هم کمی بیشتر) برای شما یه آیکون استاندارد ۱۶×۱۶ پیکسل درست می‌کنه.
راه دوم هم اینه که نرم‌افزار FavIcon رو دانلود کنید. بعد از نصب نرم‌افزار عکس رو بهش می‌دید و اونم برای شما یه آیکون استاندارد می‌سازه. (نرم‌افزارهایی در همین رابطه)
قدم دوم) باید اسم این آیکونی رو که درست کردید حتما به صورت: favicon.ico باشه.
قدم سوم) باید این فایل رو به روی هاستتون منتقل کنید.
برای وبلاگهای مجانی: می‌تونه این هاست یه هاست مجانی باشه.
برای وبلاگهایی با دامین و هاست شخصی: بهتره که این فایل رو در قسمت root سایت خودتون آپلود کنید.
● توجه: اکثر کسانی که این وبلاگ رو می‌خونن معمولا یکی از این سرویسهای مجانی رو انتخاب کردن مثل بلاگفا، پرشین بلاگ، میهن بلاگ و ... . شماها که مثل من از سرویسهای مجانی استفاده می‌کنید به قسمت root وبلاگتون دسترسی ندارید.
قدم چهارم) به قسمت ویرایش قالب خودتون برید و کد زیر رو بین دو تگ head و head‌/ قرار بدید.
این دو تگ در اوایل قالب هستند که براحتی پیدا می‌شن. (اگه پیدا نشد Ctrl+F یادتون نره)
" size="۰" style="border: ۱px dotted ; font-size: ۱۲px; color: rgb(۱۰۲, ۱۰۲, ۱۰۲); font-family: Tahoma; background-color: rgb(۲۱۷, ۲۳۶, ۲۵۵);" dir="ltr" />
● نکته: بجای Icon URL آدرس آیکونی رو که آپلود کردید وارد کنید.
قدم پنجم) تغییرات انجام شده در قالب رو ذخیره کنید.
حالا به وبلاگتون برید و نتیجه رو ببینید.
http://chortkeh.blogfa.com/۸۷۰۱.aspx
منبع : مطالب ارسال شده


همچنین مشاهده کنید