به تصویر کوچک یا آیکونی که در کنار عنوان وبلاگ شما در مرورگر قرار دارد اصطلاحا Favicon می گویند.
حالا می خوام نحوه قرار دادن این آیکون رو به آموزش بدم.
برای این کار ما دو lرحله پیش رو داریم
- ساخت آیکون
- قرار دادن کد نمایش آیکون برای سایت یا وبلاگ
برای ساخت آیکون می توانید از نرم افزارهای گرافیکی مثل فتوشاپ و … استفاده کنید.
نرم افزار فتوشاپ را باز کرده و یک فایل جدید با سایز ۱۶*۱۶ px پیکسل باز کنید.
+توجه داشته باشید که سایز ۱۶*۱۶ یک سایز خیلی کوچک هست و فضا جهت طراحی خیلی محدود است.
بعد از اینکه عکس خودتون رو طراحی کردید باید عکس رو تبدیل به آیکون کنید.
برای تبدیل عکس به آیکون از [ این سایت ] استفاده کنید.بعد از تبدیل favicon رو بر روی کامپیوتر خود ذخیره کنید.فایل دانلود شده اسمش این هست : favicon.ico
فیو آیکونی که دخیره کردید رو توی سایتی که اجازه آپلود فایل با پسوند ico را می دهید آپلود کنید.مثلا [ این جا ]
برای دریافت کد به لینک زیر برید و آدرس فیو آیکون اپلود شده رو وارد کنید تا کد فیو آیکون براتون ساخته بشه.
[ ساخت کد فیو آیکون ]
یا اینکه آدرس فایل آپلود شده را توی کد زیر قرار بدید
به قسمت ویرایش قالب خود رفته و عبارت <head> را پیدا کنید،حالا کد ساخته شده بالا را بعد از این کد <head> قرار دهید.
حالا وب خود را باز کنید.آیکون شما کنار عنوان وب شما در مرورگر نمایش داده می شود.
+هرگونه مشکلی در این رابطه داشتید از طریق نظر با ما در میان بگذارید.
قيمت :
18,800 تومان
لوگوی ما
قرار دادن آیکون برای وبلاگ
به تصویر کوچک یا آیکونی که در کنار عنوان وبلاگ شما در مرورگر قرار دارد اصطلاحا Favicon می گویند.
حالا می خوام نحوه قرار دادن این آیکون رو به آموزش بدم.
برای این کار ما دو lرحله پیش رو داریم
- ساخت آیکون
- قرار دادن کد نمایش آیکون برای سایت یا وبلاگ
برای ساخت آیکون می توانید از نرم افزارهای گرافیکی مثل فتوشاپ و … استفاده کنید.
نرم افزار فتوشاپ را باز کرده و یک فایل جدید با سایز ۱۶*۱۶ px پیکسل باز کنید.
+توجه داشته باشید که سایز ۱۶*۱۶ یک سایز خیلی کوچک هست و فضا جهت طراحی خیلی محدود است.
بعد از اینکه عکس خودتون رو طراحی کردید باید عکس رو تبدیل به آیکون کنید.
برای تبدیل عکس به آیکون از [ این سایت ] استفاده کنید.بعد از تبدیل favicon رو بر روی کامپیوتر خود ذخیره کنید.فایل دانلود شده اسمش این هست : favicon.ico
فیو آیکونی که دخیره کردید رو توی سایتی که اجازه آپلود فایل با پسوند ico را می دهید آپلود کنید.مثلا [ این جا ]
برای دریافت کد به لینک زیر برید و آدرس فیو آیکون اپلود شده رو وارد کنید تا کد فیو آیکون براتون ساخته بشه.
[ ساخت کد فیو آیکون ]
یا اینکه آدرس فایل آپلود شده را توی کد زیر قرار بدید
<link rel="shortcut icon" type="image/ico" href="addres aks">
به قسمت ویرایش قالب خود رفته و عبارت <head> را پیدا کنید،حالا کد ساخته شده بالا را بعد از این کد <head> قرار دهید.
حالا وب خود را باز کنید.آیکون شما کنار عنوان وب شما در مرورگر نمایش داده می شود.
+هرگونه مشکلی در این رابطه داشتید از طریق نظر با ما در میان بگذارید.
فروش مجموعه نرم افزار و بازی اندروید 2014
قيمت :
18,800 تومان
يک ديدگاه بنويسيد
ممنون ، خیلی جالب بود استفاده کردم.
خواهش می کنم!
Salam admin mohtarm , in icon ra alan drost kardam chora dar blogfa nomaesh namedehad? Lotfa 1 bar barse koned.
سلام.آیکون شما سایزش بزرگتر از سایز نرمال فیو آیکون هست..طبق آموزش پیش برید.
سلام ، با تشکر ازشما ،
اما آیکون های متحرک نمایش داده نمیشن .
باید چیکارشون کرد ؟
سلام.
اگر می خوایی آیکون متحرک استفاده کنید دیگه لزومی نداره که به سایت برید و به فیو آیکون تبدیلش کنید،آیکون متحرکتون باید پسوند gif داشته باشه،فقط یادتون باشه سایزش همون ۱۶*۱۶ باشه.
این هم یه فیو آیکون متحرک با پسوند gif :
http://www.mojdeh.in/img/favicon.ico.gif
Salam, 16*16 che ast?
سلام.فتوشاپ رو باز کنید.منوی file گزینه new رو بزنید.width و height رو بذارید ۱۶
عالی بود.ممنون:-*
خواهش می کنم.
دست شما درد نکنه خیلی ممنون
عالی بود یاد گرفتم مرسی
ممنون از لطف شما دوست خوب
با سلام و خسته نباشی دوست عزیز ممنون میشم که رهنماییم کنید که چطور میتونم هدر رو تعویض کنم خیلی خیلی سپاسگذارم .
راستی بخاطر این آموزش که گذاشتید ممنونم واقعا عالی بود موفق باشی ..
سلام من تو بلاگفا یه وبلاگ درس کردم آیکون بلاگفا کنار آدرس هست وقتی تو قالب آدرسو میزارم آیکون تغیر نمیکنه میشه راهنمایی کنید .
سلام
آیکونی که ساختید رو آپلود کنید و ادرسش رو بدید تا براتون کدش رو بسازم.
سلام من هر چی سعی کردم نشد اینم آدرس آیکونی که ساختم میشه شما برام بسازین
متشکرم
http://qalebfa.zzl.org/icon/uploads/1406090396.ico
سلام.
این هم کد :
khoshal misham be webloge manm sar bezanid do0o0o0ostane aziz
سلام دستتون درد نکنه
همیشه دلم میخواست بدونم چجوری این آیکون میسازن
ببخشید من میخواستم عکس بالای وبلاگمو عوض کنم(فکر کنم بهش میگن header)
لطفا میشه راهنماییم کنید که چطور اینکارو انجام بدم؟؟؟
ممنون
سلام.
خواهش می کنم.
نحوه تعویض هدر رو براتون فرستادم
یه دنیا ممنونم
عالی بود
مــــــــــــــرســــــــــــــــی
خواهش می کنم دوست خوب
سلام
من آدرس واسه عکس ساختم ولی نمی دونم آدرس رو کجای اون کد بالا قرار بدم.
ممنون میشم راهنمایی کنید
سلام.
آدرس عکس رو بدید تا بذارم توی کد و بهتون بدم.
ممنونم درستش کردم
سایت خوبی دارین چیزایی زیادی یاد گرفتم
لطف دارید دوست خوب.
درستش کردم مرسی
سلام.
خوبه.باز هم مشکلی بود در خدمتیم.
حالا یه سوال دیگه دارم
وقتی توی همون سایت فیوآیکن می خوام یه عکس ایمپورت کنم ، عکس روبا کیفیت نشون نمی ده
توی ادیت پیکچر سایزشم ۱۶ در ۱۶ کردم ولی باز نشد
میشه راهنمایی کنید؟
چون عکس خیلی کوچیک میشه کیفیت چندانی براش نمی مونه.
باشه به هر حال ممنونم از کمکتون
سلام
ایول همین الان از یک سایت دیگه یاد گرفتم نشد الان از شما یاد گرفتم شد
دمت گرم
دنبالش میگشتم
سلام.خواهش
سلام من از پرشین بلاگ استفاده میکنم. هر کار کردم نشد. جدیدن کدا روش کار نمیکنه
اینم از آدرسش
http://s1.picofile.com/file/7472882896/wop.ico.html
لطفا کد؟!!
ممنون
برام میل کنید
فرستادم.
عالی بود
سلام
من sه سوال دارم
چطور میتونم کد آهنگ دلخواهم رو اینجا بسازم و از همین پلیری که برای آهنگای بیکلام لستفاده کردید ، استفاده کنم
سلام.
نجوه ساختش رو براتون ایمیل کردم.
میشه نحوه ساختن آیکون هایی که جای هوم یا ایمیل میذاریم رو برام بفرستید؟
سلام دوست عزیز
در اسرع وقت به ایمیل شما ارسال خواهد شد.
پاینده باشید
سلام قسمت short iconوimageicon چه چیز باید قرار بدم
اونجا چیزی لازم نیست بذارید.شما فقط باید ادرس عکس رو بذارید.
با سلام منم هر کاری کردم نشد چرا اینطوری تا کد پیست می کنم نانمرعی می شه
کد رو توی بخش تنظیمات یا توی قسمت ویرایش قالب بذارید.
شما کجا می ذارید که نامرئی میشه ؟
لطفا کمکم کنید هر کاری میکنمآیکون نمیاد هزار تا آموزش مختلف را امتحان کردم نشد که نشد.شما را به خدا کمک کنید
برای بلاگفا میخواهم بذارم
اینم آدرس فاو آیکون
http://uploadtak.com/images/c1386_favicon.ico
ایمیل شد.
من توی ادرس اسک می زارم یهو از بین می ره
هر کار می کنم نمیشه اه
مطالب خوبی داری خوشحال می شم به وبلاگم بیای و نظر بدی
اسم وبلاگم www.tmjb.blogfa.com
سلام و خسته نباشید
من ایکون رو ساختم کدش رو هم جایگزین کردم و زیر هد که گفتین گذاشتم اام
هیچ تغییری نکرد موقع نمایش وبلاگ
من برای ساخت اهنگ در واقع کد اهنگ برای وبلاگ هم به مشکل برخوردم.
سلام خیلی وبسایت باحال داری میتونی برام ایکونی با اسم گل محله با رنگ نارنجی درست کنی خیلی ممنون میشم تبلیغات سایتتو میکنم
فیض بریدم!
فیض بردیم ینی!
سلام من نمیتونم عکس رو واردکنم یک روز کامل گیر بودم اما بازم نتونستم من چیکار کنم نمایش داده نمیشه
عکس رو بدید براتون بسازم.
بنده این کار هارو انجام دادم ولی ایکون نیومد میشه راهنمایی کنید جواب را به ایمیلم ارسال کنید متشکرم
http://qalebfa.zzl.org/icon/uploads/1433641099.ico
برا منم لطفا سریع بساز
اما نمدونم چرا ماله من ya نداره
سلام من از سیتم بلاگفا استفاده می کنم واین هم آدرس آیکونی که میخوام تو وبلاگم داشته باشم لطفا کد را برام ایمیل کنید
http://s3.picofile.com/file/7411653224/fav.ico.html
ممنونم از شما و از آموزش کاملتون
آورین آورین
سلام عسیسم میسی از راهنماییتون
من کد ایکونو دارم اما نمی دونم کجایه اون کد بالا بزارمش
لطفا راهنماییم کنین
منتظرم هااااااا
اینم کدش:
http://qalebfa.zzl.org/icon/uploads/1444113779.ico
سلام
قالب من ایکون داره اما من میخوام یه ایکون دیگه براش بزارم
لینک کد قالبمو براتون گزاشتم به همراه ایکونم ماله رزبلاگه ببینم میتونید خودتون یه کاری براش بکنید
http://www.niloblog.com/files/images/gzpdxdnvf60oo3tw0k.zip
با سلام
آیکونی که شما روی قالب گذاشته بودید نما یش داده نمیشه دوباره همون آیکون قبلی میاد
http://www.niloblog.com/files/images/gzpdxdnvf60oo3tw0k.zip
با تشکر
Salam khilii mamnon
این آدرسم هست کدش چی میشه؟ ممنون
http://qalebfa.zzl.org/icon/uploads/1431605874.ico
سلام
من آیکون رو درست کردم لطفا کد آیکون را برام بفرستید ممنون
http://qalebfa.zzl.org/icon/uploads/1425648504.ico
سلام
خیلی از این قسمتِ سایتتون خوشم اومد اما متاسفانه سایتی که گفتین عکس رو نمیده برا سِیو!
کد عکسم رو دادم اگه ممکنه کدشو بدین؟
http://qalebfa.zzl.org/icon/uploads/1384038120.jpg
مطلب جامع و کاملی بود ممنون سایت بسیار زیبا و باحالی دارین خداحافظ
سلام. چه جوری میتونم تو بلاگفا برای وبلاگ عنوان مشخص کنم اما در هدر نشون داده نشه. ممنون
یعنی نمیخام عنوان وبلگ تو هدر بیاد . .
سلام ؛منم امتحان کردم نتونستم: یعنی اون آدرسی که گفته بودین رو ندونستم دقیق باید چی بزنم ؛ لطفا آدرسو بهم بگید بواسه این عکس چی میشه
ممنون
http://galagoal12.persiangig.com/favicon%20%281%29.ico
سلام.
سلام. عجب سایت باحالی دارین.
هر کی هر کدی لازم داشته باشه میاد اینجا!
!شما خسته نمیشین به همه مشکلات رسیدگی میکنین بدون هیچ چشم داشتی؟
واقعا جالبه!!!!؟ زحمات شما چطوری جبران میشه؟
من یه آموزش میخوام که “هدر” وبلاگمو عوض کنم و در قبال اون ترفندی که شما بهم
میگین فقط میتونم صمیمانه و از ته دلم بگم
:
/ممنونم و خسته نباشین. دوستتون دارم
سلام.
توی ویرایش قالبتون کد زیر را پیدا کنید :
به جاش این رو بذارید:
برای اینکه هدر عوض بشه کافیه آدرس عکس جدیدتون رو جایگزین کنید به جای آدرس اون عکس.
سلام ببخشید برای بلاگفا و وبسایتهایی ماندد اینا نمیشه آیکون گذاشت درسته؟؟!
سلام.میشه.
سلام با تشکر از پست خوبتون…من همه ی مراحل رو انجام دادم ولی نیومد ..سیستم وبلاگدهی “نی نی وبلاگ” این کد رو قبول میکنه؟ اگه ممکنه کد رو برام بسازین شاید اشتباه کردم:
http://qalebfa.zzl.org/icon/uploads/1381098681.ico
اگه ممکنه برام ایمیلش کنین ممنون
سلام من که هرکاری کردم نشد لطفا کمکم کنید
اینم آدرس فایل آپلودشد
http://qalebfa.zzl.org/icon/uploads/1402020850.ico
لطفا برام ایمیل کنید دوست عزیز ممنونم
عالی بود ساق ال
سلام
ممنون از مطلبتون
اگه میشه کد آیکون آپلود شده زیر رو واسم میل کنید.
با تشکر
http://qalebfa.zzl.org/icon/uploads/1443472827.ico
.ضمنا وبلاگم از بلاگفاست
سلام.من از وبلاگهای ولاگفا که تحت وردپرس هستش استفاده میکنم.
تو قسمت css باید کدها رو اصلاح و بعد بروز رسانی کنیم.
تو این قسمت که style هم میگن head نیستش !
چیکارکنم ؟
با سلام . عکس انتخاب شده روی سربرگ وبلاگ اومد ولی من میخوام عکس کنار نوار آدرس و کنار آدرس بیاد.منظورم اینه که کنار
۶۱safari.blogfa.com
عکس قرار بگیره.الان عکس کنار وبلاگ یک دایره طوسی رنگ می باشد.که منظورم اینه که عکس موردنظر جای دایره طوسی بیاید.ممنونم.
سلام ببخشید دیگه که سوال بی ربط با این موضوع می پرسم اما اگه می شه جواب بدید
می خواستم بدونم باید چیکار کنم که موضوعاتم به صورت شاخه ای باشه یعنی وقتی روی موضوع اصلی کلیک می کنند زیر مجموعه ها دیده بشه؟؟؟
فقط توی سیستم وبلاگ دهی رزبلاگ میشه چنین کاری کرد
سلام
می خواستم بدونم باید چه کدی رو و کجا بزاریم تا پیوند ها به صورت عمودی و رو به بالات حرکت کنند؟؟؟
http://www.quackit.com/html/codes/html_marquee_code.cfm
سلام
خسته نباشید
ممنون از سایت زیبا تون!
برای بلاگفا امتحان کردم نشد!
http://qalebfa.zzl.org/icon/uploads/1373703125.ico
این کد آیکن!
اینم کد که شما گفتید!
ولی تو قالب می ذارم نمی شه!
ممنون میشم راهنماییم کنید!
این کد رو دریافت کنید دوست گرامی.
http://s2.picofile.com/file/7687291070/faviicon.txt.html
foqolade mamnoooooooooooooooooooon!
tozihat kheyli kamel bud.bazam merc.kheyli vaqt bud donbalesh mgashtam
سلام من هر چی سعی کردم نشد اینم آدرس آیکونی که ساختم میشه شما برام بسازین
لطفا همین جا بزارین. متشکرم
http://upload.tehran98.com/img1/hv03ce8jghrpsosnnxsm.ico
http://s4.picofile.com/file/7770640856/favicon_zp.txt.html
میخواستم بدونم چطوری ایکون وابزارهامثلا تقویم وساعترووبلاگم بگذارم ممنون میشم راهنمایی کنید
سلام.کد مورد نظر رو کپی و در قسمت تنظیمات وبلاگ
کدهای کاربر قرار بدید
من نمی توانم درست کنم لطفا چند عکس اماده هم پیشنهاد کنید
سلام
قرار دادم ولی تغیری ایجاد نشدومن آیکون خودمو ساختم و بین
در ضمن من از پرشین بلاگ استفاده می کنم
لطفاً پاسخ را برایم بفرستید
با تشکر
سلام.میشه کسی واسه من اینو درست کنه .من مردم نتونستم درستش کنم این ادرس عکسم
http://uploadtak.com/images/s2176_c1386_favicon.gif
اینم مال قالبم
<link rel="alternate" type="" title="” href=”">
http://s4.picofile.com/file/7770633759/favicon_reza.txt.html
سلام آدمین ببخشید میتونید ادرس عکس منم توی کد قرار بدین ممنون میشم http://upload.tehran98.com/img1/h0iyhjroscmnv1azwfa.ico
mer30 dorost shod niazi nist befrstid
عکس شما باز نمیشه.
من که نفهمیدم نمیشه خودتون چند تا آیکون پیشنهادی بذارید ما فقط استفاده کنیم!شرمنده…
سخت نیست که !
do0o0ostane aziz age do0o0ost dashtin be weblogam sar bezanid va nazar bedin……….khoshhal misham
سلام دوست عزیز کدتون خیلی عالی ولی من هرچی تلاش کردم اجرا نکرد
ادرس عکس:
ممنونمhttp://qalebfa.zzl.org/icon/uploads/1433000412.ico
http://s4.picofile.com/file/7812409672/hahidgomnam114.txt.html
سلام
ممنون از زحماتتون. من هم ساختم و قرار دادم. اما با موزیلا کار می کنه، ولی با اکسپلورر خیر.
لطفا راهنمایی بفرمایید.
سپاس
خیلی ببخشید ام منم نتونستم میشه برام درستش کنین
http://upload7.ir/images/22302063944533457881.jpg
http://s4.picofile.com/file/7812397197/4.txt.html
سلام میشه با این عکس برای من درست کنید
http://uploadtak.com/images/k155_156.ico
راستی چه طور عکس متحرک را باید اندازه اش را۱۶٫۱۶ کنیم؟ ممنون
http://s4.picofile.com/file/7812394836/3.txt.html
سلام
میشه جوابمو بدید
ممنون
سلام ممنون برای توضیح ها
من از بلاگفا استفاده میکنم و هر چقدر کد رو مینویسم آیکون تغییری نمیکنه میشه بهم بگید چیکار کنم
http://qalebfa.zzl.org/icon/uploads/1391913586.ico
اینم از آدرسش
مرسی
http://s4.picofile.com/file/7812387739/status2_favicon.txt.html
من ی قلب صورتی احتیاج دارم اما نمیتونم کدشو درس کنم میشه منو راهنمایی کنین؟لازم دارم تو روخدا جواب بدین لازم دارم مخصوصا کدشو
پسورد ایملمو نمیدونم اگه لطف کنیین بیایین ب ادرس وبلاگم و کمکم کنین
http://s4.picofile.com/file/7812372789/favicon_fagatsara.txt.html
ببخشید من با تبلت میام.نحوه گذاشتنشو بلدید؟
سلام.توضیحات داده شده.
سلام ممنون از راهنماییتون اما متاسفانه من نتونستم اجراش کنم از سایت favicion که کذاشتین رفتم تو tag cloud از عکسای اونجا خواستم استفاده کنم اما بلاگفا قبول نمی کنه
ممنون میشم راهنماییم کنید
عکس رو ذخیره کنید،توی یک وب سایت دیگه آپلود کنید
یا سلام منم هرکاری که کردم نشدخوهشاکمکم کنییییییییید
http://uploadtak.com/images/x9855_favicon.ico
وبلاگتون رو باز کردم.ایکون رو نشون می داد.
سلام ن نشون نمیده- از سیستم های دیگه هم امتحان کردم؟؟؟؟؟؟؟/
فیو آیکون وبلاگ شما برای من نشان داده میشه.
مرسی. عالییییییییییی بود. انجام دادم. البته مرورگر Chrome ظاهرا یا آیکون رو نشون نمیده یا دیر روش عمل میکنه. چون وبلاگم رو باهاش باز کردم نشد ولی با firefox همون موقع آوردش.
دوستایی که میگن نمشه با firefox یا watrfox وبشون رو باز کننف ببینن آیکونشون نیومده
باز هم تشکر از این پستتون
من تمام این کار ها را کردم ولی نشد چرا
طفا کمکم کنید
سلام…
خیلی ممنون
خیلی دنبال این چیز میگشتم ولی تو بلاگفا نمیشد…مرسی…………
<3
میشه.
سلام من یک ایکون درست کردن ولی در وبلگ نمایش داده نمیشه لطفاً راهنمایی کنید.
http://qalebfa.zzl.org/icon/uploads/1382573166.ico" rel="shortcut icon
http://qalebfa.ir/tools/favicon/code.php?img=http://qalebfa.zzl.org/icon/uploads/1382573166.ico
واقعاً دستتون درد نکنه خیلی عالی بود.
واقعا از راهنمایی با ارزش شما واقعا ممنونم انشا الله همیشه در هر یک از مراحل زندگیتون موفق باشید