Posted in

چگونه favicon بسازیم

by سعید••102

   www.taktemp.com

اینم یکی از آموزشهای منحصر به فرد خودمون که قبلا هم گذاشتم ولی الان کامل قرارش میدم! با ذکر منبع هم دیگه دوست ندارم چیزی از سایت برداشته بشه… بعضی ها شورشو در آوردن… همه کاراشون تقلیدی هست و  آموزشاشون رو از روی ما قرقره میکنن! بگذریم…! این favicon همونی هست که الان هم بالای سایتمون کنار آدرس هست و البته آیکون سایت گوگل رو هم که میبینید..

در ضمن می تونید favicon رو برای وبلاگ و سایت و حتی اکانتهایی مثل پرشین گیگ بذارید! پس از دست ندید و همین الان یه سر به ادامه مطلب بزنید….

برای گذاشتن فیو آیکن در وبلاگ باید از کد زیر استفاده کنید.جای این کد در بالای قالب و در بالای فایلهای Css هست.(بین <head> و <head/> قرار بدید)

<link href=“http://url/favicon.ico” rel=“SHORTCUT ICON”>

دقت کنید که پسوند یک فیو آیکن باید Windows Icon باشد.یعنی آخرش یک پسوند .ico داشته باشه.

-ولی یک فیو آیکن رو چگونه طراحی کنیم؟

بهترین راه اینه که یک تصویر با سایز ۱۶*۱۶ در فتو شاپ بسازید.بعد روش زوم کنید و به راحتی طراحی کنید.دقت کنید که در یک محیط کوچک مثل فیو آیکن باید حرف اول سایتتون یا یه نماد ساده بزارید..

-بعد ازاین که طراحی کردید اونو سیو کنید.اما این که پسوند ایکون نداره؟پس شما باید اونو تبدیل به آیکون کنید.و بهترین برنامه در این زمینه Any to Icon (دانلود) هست که همه چیزو به آیکون تبدیل می کنه…برنامه ای بسیار جالب هست که سعی میکنم واسه دانلود براتون بذارم.اما شما می تونید مستقیما تو یه برنامه مثل IconXP آیکون بسازید و اونو علاوه بر فرمت آیکن با فرمتهای جالب دیگه ای مثل cur اونو ذخیره کنید.

نکته جالب وقابل ذکر:سعی کنید فیو آیکن خودتون رو تو پرشین گیگ آپلود کنید!؟ چون هم فرمتش قابل پذیرش هست وهم تمام عکس های آپلود شده اون فیو آیکن رو به خودشون می گیرن.یعنی شما می تونید با این کار واسه فضاتون هم فیو آیکون بذارید!

اینم یه نمونه فیو آیکن با کدش:

 <LINK REL=”SHORTCUT ICON” HREF=”http://taktemp.com/favicon.ico”>

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

دیگه ما هم چی رو گفتیم.حالا شما هم یه تشکر اون پایین بنویسید بد نیست.

سعید هستم یکی از اولین های تک تمپ ، متخصص طراحی وردپرس و تا حدودی گرافیک کار البته خیلی وقته که فرصت نمی کنم مطلب جدید تو تک تمپ منتشر کنم!

102 thoughts on “چگونه favicon بسازیم”

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

    پاسخ

  7. سلام من هر کاری کردم نشد …. امکانش هست که بخاطر بلاگفا باشه که این کار تو بلاگفا نشه..؟ اینم ادرس فابیلمه….

    لطفا” کمکم کنین!!!!

    پاسخ

  9. سلام :

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

    باتشکر از شما …

    پاسخ

  11. سلام من یک سوال دارم میخاستم ببینم که ایا مشود در وبلاگ کاری کرد که اکر روی یک کلمه کلیک شود زیرمجموعه ان باز شود لطفا به من کمک کنید ممنونم.

    پاسخ

  13. دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.
    دستت درد نکنه.

    پاسخ

  15. سلام مرسی از کمک شما

    من یک سوال دارم که هرچی میخوام فکر کنم نمیتونم جوابش و پیدا کنم کمکم کنید

    من چطوری میتونم تو فتوشاپ تصویر وبلاگمو درست کنم و اونو بزارم توی قالبم چطوری تبدیل به کد بکنم و در کجای قالب بزارم کاملا توضیح بده بخدا گیج شدم

    ممنون میشم اگه زیر میزی میخوای میدم ههه

    پاسخ

  18. متشکرم از زحمات جناب عالی
    مطالبتون خیلی مفید هست
    امیدوارم سایتتون همیشه پربار باشه.
    *******اما من که هر کاری کردم روی وبلاگم نشد.*****

    پاسخ

  22. ممنون از اموزشتون ولی من هر کاری کردم نتونستم تو بلاگ اسکای انجام بدهم… احتیاج به راهنمای بیشتر دارم اگه امکانش هست

    ممنون ممنون

    پاسخ

  24. e, chera pass payam naghes sent shod? dobare migam
    toye ghalebe weblog linke icon ro kojaye head bezaram? tush , jelosh ya payinesh? komakam kon

    پاسخ

  25. مسعود جان دستت درد نکنه
    راستی من هر کاری کردم واسه بلاگفا کار نکرد
    توی قالب وبلاگ لینک آیکن رو گذاشتم وسط اما کار نکرد
    بعد قرار دادم کار نکرد . پایین قرار دادم بازم کار نکرد
    اینم لینک آیکن :
    http://parsaspace.com/files/6275938884/favicon.ico
    ببین این درسته؟ شاید مشکل از همینه:

    ممنون میشم کمکم کنی

    پاسخ

    1. مهدی عزیز این یکی از ساده ترین قسمت های وبلاگ نویسی هست که در همه سیستم ها مثل بلاگفا میهن بلاگ وجود داره.
      ابندا متن دانلود کنید رو می نویسید و با موس اون رو در حالت انتخابی قرار می دید . در نوار ابزار قسمت ارسال پستت تصویر ۲حلقه زنجیر که به هم چسبیده اند رو می بینی با زد اون قسمت شما لینک مورد نظر دانلود تو اضافه می کنی.

  27. سلام وب خیلی خوبی داری
    ولی احیانا اصلا به سوال ها جواب ندی هاا
    چرا جواب نمی دی؟این همه سوال کردن درست و حسابی اصلا نمی گی چی کار کنن اینو دوستانه گفتم ناراحت نشی

    پاسخ

  31. سلام
    باتشکر میخواستم بدونم که این عکس ا÷لود شده را کجای تنظیمات وبلاگ قرار بدهم با تشکر لطفا برام ایمیل کنید .

    پاسخ

  33. سلام من نمی دونم آیکونی روکه ساختم قرار بدم لطفا” راهنماییم کنید نه این که بگین زیاد به سایت ما سر نم زنید

    پاسخ

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

    سعید جان من هرکاری کردی نشد که نشد !!! هرجائی که بلد بودم همون کد نمونه که داده بودین را گذاشتم ولی آیکن قبلی سایت میوفته :(

    سعید جان میدونم باید برای رفع مشکل به فروم مراجعه کنم ،اما باور کن وقتش جستجو برام مقدر نیست ،اگه میشه از طریق ایمیل راهنمائیم کنید !

    لینک مطلب را هم از طریق ایمیل برام برسونی ممنون میشم .

    ” در ضمن وبلاگ من سرورش (رویا بلاگ ) هست که تمام کدهایی که در بلاگفا کار میکنه ، در اینجا هم قابل قبوله “

    پاسخ

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

    پاسخ

  39. سلام
    مطالب خوبی بود
    دستت درد نکنه
    اگه بتونی برام آموزش وبلاگ نویسی رو به ایمیلم بفرستی خیلی ممنونت میشم.

    پاسخ

  40. ببین من تازه هر روز به سایت شما سر میزنم ولی زیاد به قسمت وبلاگ نویسی نم آیم.
    راستی اگه میشه اموزش کامل رو برام میل کن.

    پاسخ

  41. salaam shoma migid ke baziya shuresho dar miyaran shoma khodetun amuzash haye photoshopetun ro az site photoshopstar copy mikonid pas chra migid ma nabayad bokonim taze baz ma manbao migim shoma unam nemigid

    پاسخ

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

    پاسخ

  43. آقامن نمی دونم چطوری آیکونی که ساختم رو قراربدهم
    بــــــــــــــــــنــــــــــــــیــــــــامــــــــــیــــــــــــــن

    پاسخ

  45. خیلی ممنون از این که برنامه any to icon رو برای دانلود گذاشتین اگه ممکنه در میل طریق ساخت آن را بنویسید ممنون میشم.
    از طرفی این برای من جالب که بتونم از طریق این برنامه وبلاگ خود را درست راست کنم.

    پاسخ

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

    پاسخ

  50. اینم یه تشکر، چون خودت گفتی تشکر کنید
    البته با این سایتت باید یا قابت گرفت یا آب طلا یا هر دوتاش

    ماهی والا

    پاسخ

  52. سلام تو رو خدا اگه میشه به من بگو که چطوری فایل رو برای دانلود بزاریم یا اگه میشه برام اموزش رو برام از ایمیل بفرست ممنون .

    پاسخ

  55. Salaaam Doste Khooobaam ,, Maan Kheili Dooost Daaraam Icon ii Ro Ke Doooroos Kardaaam To Weblogaam Gharar Bedaam Vali Ba In Ke Upload Kardaam Ba FormaT e .ico Baazam Vaghti To Ghalebaam Gharaar Midaam Chiizi Kenare URL Ghaarar Nemigire ,, Mamnoon Mishaam Age komakam Kooni !

    پاسخ

  59. سلام
    مننون از نوشته های خوبت
    خوشحال میشم به وبلاگ من هم یه سری و نظراتت را برای بهتر شدن وبلاگم بدی
    بازم تشکر

    پاسخ

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

    پاسخ

  65. سلام
    ببخشید چه جوری آهنگ بذاریم رو وبلاگ
    اگه مطلب دادین برا من هم میل کن ین

    پاسخ

  67. سلام لطفا کمک کنید فیو آیکن رو آپلود کردم آدرسش رو هم برداشتم ولی نمی دونم چه در وبلاگم بزارم
    منتظر تماستون هستم

    پاسخ

  69. سلام دوست عزیز، یه سوال. این کد برای سیستم ایران بلاگ کار می کنه ؟؟
    لطفا راهنمایی ام کنید.

    پاسخ

  77. سلام
    من فیو آیکن طراحی کردم و با پسوند ico دارم ولی نمی تونم هیچ جا آپلودش کنم . می شه لطف کنید آدرس دقیق پرشین گیگ ور بذارید لطفا
    بازم ممنون

    پاسخ

  78. رفیق خلیلی باحاله دستت درد نکنه واقعه بدردم خورد
    سایت فقط تک تمپ دوستدارم تک تمپ
    راستی کمک خواستی به ما ایمیل بزن
    رامین

    پاسخ

  83. mamnoonam az koomaket dar be dar dashtam doonbalesh migashtam
    man modire weblog rap-keeper hastam

    bazam az in koomaka bookoon

    ye sar be man ham bezan 1 nazar dar bareye weblogam bede
    mamnoon moafagh bashii

    پاسخ

  87. دستت درد نکنه، خیلی عالیه، فقط یک سایت هم ادرس بده که بشه اون را اپلود کنیم و عضویتش هم دردسری نداشته باشه! این سایت باید یکی از اعضای اون برات دعوت‌نامه بفرسته که کسی هم پیدا نکردم؛ منظورم این سایته:
    http://www.html-kit.com/favicon

    پاسخ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

This site uses Akismet to reduce spam. Learn how your comment data is processed.