برای وبلاگ خود آیکن بگذارید

برای وبلاگ خود آیکن بگذارید

favicon

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

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

برای دوستانی که سایت دارند و یا وبلاگ خودشون رو روی هاست شخصی بارکرده اند و به ریشه وبسایتشون دسترسی دارند این کار بسیار ساده است ، کافی است یک آیکن با نام favicon.ico با اندازه 16 * 16 درست کنند و به ریشه وبسایتشون اضافه کنند بدین ترتیب هنگام بالا آمدن وبسایت آیکن لود خواهد شد. 

اما بری دوستانی که وبلاگ دارند این کار به روشی متفاوت شدنی است ، برای مثال برای همه وبلاگهایی که روی بلاگ اسکای قرار دارند آیکن پیشفرض بلاگ اسکای لود می گردد .برای تغییر این آیکن مراحل زیر را دنبال کنید. 

1- ساخت آیکن: 

برای این کار روشهای گوناگونی وجود دارد، میتوانید از نرم افزار های مخصوص ساخت آیکن برای این کار بهره ببرید اما این کار برای دوستانی که قبلا با این نرم افزار ها کار نکرده اند اصلا ساده نیست ، آسان ترین روش برای این کار ساخت آیکن در فتوشاپ است با هر اندازه ای مثلا 64 * 64 با پسوند Png . مرحله دوم استفاده از نرم افزار های آنلاین برای تبدیل این فایل به آیکن است که نرم افزار های زیادی برای این کار هم تحت ویندوز و هم تحت وب و هم برای سایر سیستم عامل ها ساخته شده است. 

اینجا ما دو نرم افزار تحت وب رو که جزو بهترین ها برای این کار هستند رو معرفی میکنیم: 

http://favicon.cc 

http://www.favicon-generator.de 

 

با هر کدوم ا این برنامه ها میتوانید بااستفاده از بخش آپلود تصویری رو که قبلا درست کردید رو به آیکن تبدیل کنید و حتی اون رو بصورت آنلاین ویرایش کنید. 

خب آیکنی رو که بوجود آمده رو دانلود کنید.  

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

 آدرس این آیکن را کپی کنید. 

مرجله دوم مربوط به معرفی آیکن به وبلاگ است ، برای این کار باید کد زیر رو به بخش head وبلاگ تون اضافه کنید یعنی مابین تگ <head>

<head>
<link href="ICON ADDRESS" rel="icon" type="image/x-icon" />
. . .
</head>

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

لازم به ذکر است که مرورگر Internet Explorer که خود مبتکر favicon بوده در نمایش برخی از آیکن ها دچار مشکل میشود که برای حل این مشکل میتوانید کد زیر را به همراه کد بالا مورد استفاده قرار دهید: 

<head>
<link href="ICON ADDRESS" rel="icon" type="image/x-icon" />
<link rel="shortcut icon" href="ICON ADDRESS" type="image/vnd.microsoft.icon" />
</head>

کار تمام است قالبتون رو با کدی که اضافه کردید بروز کنید و وبلاگ خودتون رو مشاهده کنید. 

 

منبع:    www.themestudio.ir