AMOOZESH

آموزش قرار دادن آیکون برای وبلاگ

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

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif

این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)

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

در زیر کد برخی از آیکون ها را آماده ساخته ام:

نام آیکون:System

کد آیکون: <link href="http://s3.picofile.com/file/7439976876/system.png" rel="shortcut icon">

نام آیکون:per3teach

کد آیکون: <link href="http://s1.picofile.com/file/7439991505/per3teach.png" rel="shortcut icon">

نام آیکون: itunes

کد آیکون : <link href="http://s1.picofile.com/file/7440951719/itunes.png" rel="shortcut icon">

نام آیکون: ember

کد آیکون: <link href="http://s3.picofile.com/file/7440952254/ember.png" rel="shortcut icon">

نام آیکون: Wordpers

کد آیکون: <link href="http://s3.picofile.com/file/7440952896/wordpress.png" rel="shortcut icon">

نام آیکون: LOVE

کد آیکون: <link href="http://s3.picofile.com/file/7440953010/love.png" rel="shortcut icon">

maziar چهارشنبه 28 تیر‌ماه سال 1391 ساعت 08:28 ب.ظ

نظرات 3 + ارسال نظر

کیاندخت چهارشنبه 28 تیر‌ماه سال 1391 ساعت 08:32 ب.ظ http://www.t-english.blogsky.com

سلام. وبتون عالیه خیلی مطالب اموزنده و مفیدی داره
اگر علاقه مند به زبان انگلیسی هستید به من هم سری بزنید منتظر نظرات خوبتون هستم.

کمیل شنبه 2 دی‌ماه سال 1391 ساعت 03:48 ب.ظ

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

کمیل یکشنبه 10 دی‌ماه سال 1391 ساعت 12:30 ب.ظ

سلام مازیار خوبی یه روش پبدا کردم که سرعت اینترنت dial up را بالا میبره برای تو خیلی خوبه سرعت dial up منو از32 به 115 رسوند ولی انتظار نداشته باش که عینه adsl بشه ولی افزایش سرعتو احساس میکنی لطفا در اسرع وقت به نظرم جواب بده انقدرم نظرهای منو پاک نکن