راهنمایی‌های رایانه

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

همانطور که می دانید فاوآیکون تصویری است که در نوار بالایی مرورگر، کنار نام وبلاگ نمایش داده می شود. ابتدا باید بدانیم که فاوآیکون تصویری با ابعاد مربعی است، یعنی نباید ابعاد تصویری که برای فاوآیکون در نظر گرفته اید، ۲۰۰ پیکسل در ۳۰۰ پیکسل باشد، چون در این صورت تصویر کشیده می شود و طرح مورد نظر شما به درستی اعمال نمی شود. دوم اینکه ابعاد فاوآیکون باید کوچک باشد، پس نیازی نیست که ابعاد آن ۱۰۰۰ پیکسل در ۱۰۰۰ پیکسل باشد، ابعاد فاوآیکون معمولا ۱۶ پیکسل در ۱۶ پیکسل یا ۳۲ پیکسل در ۳۲ پیکسل است و ابعاد آن معمولا نباید بیشتر از ۱۰۰ پیکسل در ۱۰۰ پیکسل باشد.

تصویر فاوآیکون می تواند در فرمت های png ،jpg و ico باشد.

نکته: تصویری که برای فاوآیکون در نظر می گیرید، می تواند ۱۰۰۰ پیکسل در ۱۰۰۰ پیکسل هم باشد، اما این کار اصلا لزومی ندارد، چون فقط باعث می شود که زمان لود شدن وبلاگ یا سایت بیشتر شود.

روش درج کردن فاوآیکون برای وبلاگ:

۱- ابتدا تصویری که برای فاوآیکون در نظر گرفته اید یا طراحی کرده اید، را در صندوق بیان در پوشه templates بارگذاری کنید (پوشه templates ترافیک نامحدود دارد و برای بارگذاری فایل های قالب وبلاگ در نظر گرفته شده است)؛ برای این کار ابتدا روی "فضای اختصاصی" کلیک کنید، سپس روی "صندوق بیان  bayanbox" کلیک کنید و بعد روی پوشه templates کلیک کنید. سپس روی "ارسال فایل جدید" کلیک کنید و تصویر مورد نظر را انتخاب کنید و روی OK کلیک کنید، بعد روی "ارسال" کلیک کنید.

بعد از بارگذاری تصویر، نشانگر موس را روی تصویر ببرید و روی "مشاهده (علامت ذره بین) کلیک کنید. سپس لینک تصویر را از نوار آدرس کپی کنید.

بعد روی "قالب" و بعد روی "ویرایش ساختار قالب فعلی کلیک کنید، سپس کد زیر را بعد از

و قبل از قرار دهید (بعد از یکی از خط ها روی اینتر بزنید و کد زیر را در آنجا کپی کنید؛ دقت کنید که کد را بعد ازو قبل از قرار داده باشید.)، سپس لینک کپی شده را به جای "لینک" در کد قرار دهید. (البته یعنی داخل "" لینک مورد نظر را قرار دهید.)

rel="shortcut icon" href="لینک" type="image/x-icon">

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

نکته: در بلاگیکس، وبلاگ ها به صورت خودکار فاوآیکون دارند، اما اگر می خواهید فاوآیکون وبلاگ را تغییر دهید، تنها کافی است تصویر مورد نظر را در یک فضای آپلود بارگذاری کنید، سپس از قسمت "تنظیمات" از بخش "شخصی سازی" وارد قسمت "کد قالب" شوید. سپس در خط ها ابتدایی دنبال کد زیر بگردید.

rel="icon" href="https://blogix.ir/assets/img/icon.png">

rel="apple-touch-icon" href="https://blogix.ir/assets/img/icon.png">

سپس لینک تصویر مورد نظر را جایگزین لینک فعلی کنید؛ یعنی لینک را در قسمت داخل href قرار دهید. یعنی به صورت زیر، به جای "لینک" لینک تصویر را قرار دهید. (البته یعنی داخل "" لینک مورد نظر را قرار دهید.)

rel="icon" href="لینک">

rel="apple-touch-icon" href="لینک">

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