loading...

ابزارها قالب

آموزش کد ایجاد آیکون کوچک کنار توضیحات سایت در بالای مرورگر

تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
آخرین ارسال های انجمن
حمیدرضا بازدید : 2750 پنجشنبه 28 خرداد 1394 نظرات (1)

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

Favicon

اول کاربرد favicon را می گویم:

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

برای ایجاد favicon در اچ تی ام ال ، باید از تگ link استفاده کرد. اگر شما سورس کد صفحهات سایت ما را باز کنید ، می توانید این کد را پیدا کنید:

<<<code>>>

<link rel="shortcut icon" href="http://up.toolstheme.ir/view/12646/webIcon.png" />

<<</code>>>

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

اگر می خواهید به راحتی یک تصویر favicon را بدون هیچ گونه نرم افزاری ایجاد کنید ، پیشنهاد می کنم به سایت favicon.cc مراجعه کنید.

به همین سادگی!

مطالب مرتبط
ارسال نظر برای این مطلب
این نظر توسط niloofar در تاریخ 5 سال پیش و 16:11 دقیقه ارسال شده است

سلام
من این کد و در رزبلاگ میزارم ولی در وبلاگم نشون نمیده عکسم رو هم تبدیل به فرمت ico کردم ولی نشون نمیده ولی در بلاگ بیان و بلاگفا میشه
مشکل میتونه از کجا باشه؟
پاسخ : سلام
کد رو باید داخل تگ head فالب خودتون بذارید.
اگر باز هم مشکل حل نشد ، پسوند png رو هم امتحان کنید.


نام
ایمیل (منتشر نمی‌شود)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B :S
کد امنیتی
رفرش
کد امنیتی
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
ابزارهای خاص
جعبه ی پیوند لینک کوتاه کن رایگان ارزیابی آنلاین سایت و وبلاگ به صورت رایگان
تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
تبلیغات متنی
درباره ما
لوگوی ابزارها قالب
سایت ابزارها قالب برای خاص بودن آفریده شده است. به امید این که خاص ترین باشیم.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • تبلیغات
    تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 269
  • افراد آنلاین : 1
  • تعداد اعضا : 3196
  • آی پی امروز : 39
  • آی پی دیروز : 115
  • بازدید امروز : 265
  • باردید دیروز : 822
  • گوگل امروز : 3
  • گوگل دیروز : 6
  • بازدید هفته : 1,878
  • بازدید ماه : 10,375
  • بازدید سال : 101,745
  • بازدید کلی : 1,788,180
  • کدهای اختصاصی
    یادبود 175 شهید غواص
    یادبود 175 شهید غواص