ناب ترین |ابزار وبمستری

ناب ترین | ابزار وبمستر|وبلاگ نابترین | مرجع کد وبلاگ|کدهای قالب وبلاگ

ناب ترین |ابزار وبمستری

ناب ترین | ابزار وبمستر|وبلاگ نابترین | مرجع کد وبلاگ|کدهای قالب وبلاگ

ناب ترین |ابزار وبمستری

ناب ترین | ابزار وبمستر|وبلاگ نابترین | مرجع کد وبلاگ|کدهای قالب وبلاگ | طراحی قالب وبلاگ|آموزش وبلاگ نویسی

آخرین نظرات
نویسندگان
پیوندهای روزانه

آموزش ساخت فاو ایکون (Favicon )

جمعه, ۱۳ تیر ۱۳۹۳، ۰۱:۳۰ ق.ظ

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

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

خب من اول میرم سراغ اموزش اصلی که از طریق خود سایت فایکون شما فایکون خود رو میسازید و این روش

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

مرحله اول ساخت فایو ایکون :

قبل از هر چیز، باید آیکون یا شکلک مورد نظر خود را طراحی کنید. برنامه های زیادی برای طراحی آیکون وجود دارند که می توانید از آنها استفاده کنید. و یا می توانید از بین مجموعه آیکون های آماده، یکی را انتخاب کنید. اما توجه داشته باشید که آیکون مورد نظر، باید در اندازه ۳۲×۳۲ پیکسل باشد. اگر آیکون مورد علاقه شما بزرگ تر از این اندازه بود، باید آن را ویرایش کرده و کوچک کنید.

خب دوستان الان براتون ادرس سایتها رو میزارم که بردی اونجا و ایکون خودتونو بسازید

1: http://www.favicon.cc/

tools.dynamicdrive.com/favicon: 2

خب دوستان اموزش تصویری رو هم در 3 عکس گذاشتم.

عکس شماره 1 کلیک کنید برای دیدن.

عکس شماره 2 کلیک کنید مرحله دوم .  

عکس شماره 3 برای مرحله اخر کلیک کنید .


خوب دوستان بعد از اینکه رفتین در این سایت و عکس خود را وارد کردین و دانلود کردین ذخیره

شد باید عکس را اپلود بشه گرچه من تو اموزش تصویری هم گفتم دیگه تا اخرشو ولی باز هم

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

سایت اپولود عکس کلیک کنید

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

<link href="http://8pic.ir/images/gao5sfyy7tpx93oo9njj.ico" rel="shortcut icon" type="image/x-icon">

دوستان  بجای این ادر عکس ادرس عکس خودتون رو بزارید و بعد کد را کپی کنید و بعد از

ویرایش قالب وبلاگ یا وبسایت خود کد را در اول صفحه یعنی اوائل کدها بعد از این بعد از تگ <head>قرار دهید

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