آموزش درج نماد برای وبلاگ
آیکن –Favicon- وبلاگ یا سایت که ما در اینجا با نام نماد از آن یاد میکنیم، یک عکس کوچک است که در قسمتهای مختلف مرورگر کاربر که معمولاً در بالای مرورگر است به نمایش در میآید. مثلاً حتماً به سایتهای مختلف مراجعه کردهاید و دیدید که در سربرگ هر سایت باز شده در مرورگر، یک عکس کوچک هم نشان داده شده است. این همان نماد یا آیکن (Icon) است، که در اینجا به نحوه درج نماد برای وبلاگ اشاره میکنیم.
در طراحی سایت هنگامی که میخواهید صفحات تارگاه خود را طراحی کنید، با قرار دادن یک کد ساده در قسمت سرصفحه صفحات سایت، میتواند این نماد را به تمامی صفحات خود اضافه کنید. در سرویس های وبلاگ دهی مانند بلاگفا یا پرشین بلاگ، شما صفحات سایت را به شکل قالب وبلاگ تغییر میدهید. یعنی تقریباً همان کنترل طراحی صفحات در دستان شما است.
پس برای این که بتوانید یک نماد را برای وبلاگ خود قرار دهید، باید قالب وبلاگ خود را ویرایش نمایید. اگر هم کمی از کدنویسی HTML سر در بیاورید که خیلی خوب است. در غیر این صورت با آموزشی که در این نوشته نهفته است، به راحتی میتوانید این کار را به شکلی ساده انجام دهید.
دقت کنید که اگر کد نماد را در قالب وبلاگ خود قرار ندهید، به صورت پیش فرض همان نماد سرویس وبلاگ دهی نشان داده میشود.
برای درج نماد برای وبلاگ، اولین کاری که باید انجام دهید، این است که عکسی را که میخواهید به عنوان نماد وبلاگ بکار ببرید، آماده کنید. این عکس باید به سبک PNG یا ICO باشد. یعنی پسوند عکس ها یکی از این دو مورد باشد. عمل ساخت نماد را با یکی از ویرایشگرهای ساده یا حرفه تصویر میتوان انجام داد. مثلاً با فتوشاپ هم میتوانید این نماد را بسازید، از برنامه Paint خود ویندوز هم میتوانید استفاده کنید. اندازه تصویر حتماً باید 16×16 پیکسل باشد، که اندازه ای نسبتاً کوچک است، پس طراحی آن را با مشکل مواجه میکند که نیاز به دانستن نکات فنی است. ولی شما میتوانید از پس آن برآیید.
برای ساخت نماد وبلاگ یا سایت، از سرویس های برخط اینترنت نظیر سایت هایی که اقدام به ساخت Favicon میکنند هم میتوانید استفاده کنید. در این گونه موارد میتوانید یک عکس بدهید، و نماد آماده شده خود را تحویل بگیرید، و یا همان جا اقدام به ساخت نماد وبلاگ یا سایت خود کنید.
خوب، حال که نماد شما آماده شد، آن را باید بروی یک فضای میزبانی بارگذاری کنید. اگر خودتان یک هاست یا میزبان دارید که هیچ، در غیر این صورت به سرویس های رایگان آپلود یا بارگذاری عکس بروید و عکس را در آنجا قرار دهید. فقط دقت داشته باشید که نشانی آن را حتماً یادداشت کنید و بردارید.
حالا باید نشانی عکس را در کد زیر قرار دهید و این کد را در قسمت سرصفحه کدهای قالب وبلاگ خود بگذارید. با انجام دادن این کار و بروز کردن قالب وبلاگ از قسمت مدیریت وبلاگ، نماد شما برای بازدیدکنندگان وبلاگ شما نمایان میگردد.
<link rel="shortcut icon" href="نشانی نماد وبلاگ" />
در کد بالا به جای عبارت “نشانی نماد وبلاگ” همان نشانی عکسی را که چند دقیقه پیش بروی اینترنت بارگذاری کرده بودید را جایگزین کنید. برای این که این کد کار کند، باید آن را در قسمت سرصفحه کدهای قالب قرار دهید، که این بخش از قالب از عبارت <head> شروع میشود و به <head/> ختم میشود. پس از اینکه کدهای قالب را درون یک ویرایشگر متنی مانند Notepad باز کردید، این بخش قابل دیدن است.
امیدوارم که با قرار دادن نماد برای وبلاگ، بتوانید یک جلوه حرفه ای تری را به وبلاگ و تارگاه خود بدهید.
۴۰ دیدگاه
خیلی مطلب جالبی بود ولی هر کاری کردم نشد
اگه از درستی مطلبتون مطمئن هستید برای سایت خودتون یه عکس بذارید ببینم
لطفا سریعتر راهنمایی کنید
خیلی ممنون
وب سایت خوبی دارید.
این کد رو باید در قالب وبلاگتون همونطوری که گفته بودم قرار میدادید. بدون هیچ کم و کسری همه چیز این مطلب هم درسته.
این هم از نماد سایت ما که قرار داده شد.
ممنون از شما
عالی بود
برای منم درست شد دستتون درد نکنه واقعا عالی بود خیلی حال کردم.
آدرس:
www.learn-chem.blogveb.com
سلام، چطور میتونم تغییراتی مثل قرار دادن مطالب جهت دانلود، تغییر سربرگ و چیزهای جالب دیگه رو روی وبلاگ اعمال کنم؟
این یک سوال چند بخشی است که هر کدوم برای خودش چند مقاله رو شامل میشه. برخی از اونها با انجام تغییرات در قسمت تنیظمات وبلاگ قابل انجامه، و برخی دیگه باید قالب رو دستکاری کنید. برخی از اونها رو توی سایت توضیح دادیم، و برخی دیگر رو در آیندهی نزدیک توضیح میدیم.
ببخشيد باز مزاحم شدم مي خواستم يه سر به وبلاگ من بزنيد ببينيد نمادش درست شده………..
چون وقتي من از خونه مي زنم درست نشون مي ده ولي وقتي از سر كار مي زنم هيچي نشون نمي ده
چي كار بايد كنم؟؟؟
http://www.learn-chem.blogveb.com
آره درست شده. الان سایت شما از نظر Favicon هیچ مشکلی نداره. به احتمال زیاد رایانه محل کار شما مرورگرش مشکل داره…
سلام من هر کاری که گفته بودید رو انجام دادم ولی نشد.فکر کنم تو آدرس اشتباه میکنم اگه ممکنه کمکم کنید.
قطعه کدی که داده شده رو دقیقاً Copy کنید و توی بخش ویرایش قالب وبلاگ Paste کنید. فقط جای نشونی عکسش رو تغییر بدید. همین! البته دقت کنید که قبلاً همچین کدی وجود نداشته باشه، در غیر این صورت اون رو حذف کنید.
خوب بود
سلام مال من یکی که جواب داد می تونید ببینید:http://physics0098.mihanblog.com/
ممنون خیلی جالب بود
سلام و خیلی ممنون از وبلاگ مفیدتون
ببخشید من متوجه نشدم فضای میزبانی چیه ؟؟!! کجا باید عکس رو upload کنم ؟
سال نومبارک و پیشاپیش از راهنماییتون تشکر میکنم.
آموزش تصوریش گذاشته خواهد شد.
سلام میتونی کد favicon خودت رو بدی به من.
همین کدی که توی این صفحه ذکر شده، توی همین سایت هم استفاده شده.
با عرض سلام و خسته نباشید دوست عزیز
من تمام مراحل بالا رو که گفتید انجام دادم
ونتیجه گرفتم
اما هنوز یه مشکل بزرگ دارم که امیدوارم راهنمایی کنید
دوست عزیز من وقتی با مرورگر google ghrome صفحه را باز میکنم
فاو آیکون رو نمایش نمیده اما با مرور گر های دیگه نمایش میده
خواهش میکنم بگید در تنظیمات مرورگر چیکار کنم تا در ghrome هم نمایش بده؟
برخی مرورگرها فقط از عکسهایی با پسوند ico به عنوان آیکون وبلاگ یا سایت پشتیبانی میکنند. شما هم عکستون رو با این فرمت بذارید.
من هر کاری کردم نشد
تازه ترتیب وبلاگم هم به خورد مجبور شدم دوباره بازسازیش کنم . نمی دونم چرا ولی فونتش رو یه جور می ذاری تو وبلاگ جور دیگه ای میاد
خرابی وبلاگ من گردن شماست
آره راست می گه منم برام این مشکل پیش اومد
بسیاری از افراد از پس این آموزش بر اومدند. افراد کمی نتونستند که به خود اونها برمیگرده!
اول از همه باید یک پشتیبان از کدهای قالبتون میگرفتید. فکر کنم که این مورد هم گفتم. شما کدها رو اشتباهی ویرایش کنید و فکر کنم که کدهای CSS رو هم تغییر دادید. اگه قالبتون از قالبهای موجود توی وب هست، باید این کدها رو جایگزین کنید.
من فقط آموزشش رو دادم و هیچ تضمینی از جانب ما صورت نگرفته که شما کدها رو اشتباهی تغییر ندید. ولی در کل درست میشه
با کدوم مرور گر امتحان می کنن
Chrome یا Opera
نشد.
با سلام و احترام
از مباحث مفیدتون بینهایت متشکرم.
در پناه خدا باشید
سلام دوست گلم !!!
مرسی واقعا عالی بود .
دوستان همه ی آموزش هایی که داده شده توسط ادمین این سایت کاملا درسته … منم مثل شما هر کاری میکردم هی با مشکل بر میخوردم .خواهش میکنم مراحل رو دقیق دقیق پیش برین .
http://ashrar-ir.blogfa.com
با سلام
من این کارارو انجام دادم ولی نماد ایجاد شده فقط وقتی که با موزیلا باز میکنم ظاهر میشود و با گوگل کروم واکسپلور ظاهر نمیشود. لطفا خودتان یک بار امتحان کنید
آدرس وبلاگ:
rezaee2013.blogfa.com
اگر میخاید توی تمام مرورگرها باز بشه، باید یک آیکون با پسوند ico درست کنید و توی کد جاسازی کنید.
با عرض و خسته نباشید، یه سوال داشتم چه جوری میشه پسوند آیکون رو عوض کرد؟
باید با نرم افزارهای خاص گرافیکی این کار رو انجام بدید: مثل فتوشاپ و افزونههاش.
سلام
خیلی عالی و مفید بود و تونستم یه نماد خوب برای وبلاگم بزارم
خیلی خیلی ممنون
tafte-joda-bafte.blogfa.com
مررررررررررررررررررررررسي
اقاااااااا ممنون وبتون خیلی عالیههه
خیلی ممنون جالب بود
عالی بود ممنون ♥
سلام
یه سوال این کد رو دقیقا کجا باید وارد کنیم زیر باید وارد کنیم یا جای خاصی من هر کاری کردم نشد
لطفا جواب بدهید
سلام؛ در قسمت بالای کدها، بخشی هست که با برچسب
شروع میشه و با برچسب اختتام به اتمام میرسه. کد مورد نظر رو هر جایی مابین این دو برچسب قرار بدید.ممنون عالی بود!
کار کرد!
(:
عالی بود! مرسی