در شبکه های اجتماعی هوادار ما باشید
صفحه اصلی تالار گفتمان آرشیو عضویت ورود نقشه سایت خوراک تماس با ما طراح قالب مترجم قالب
بلوک راست
تبلیغات R1
برنامه کاربردی








موضوعات
  • اطلاعات
  • موزیک
  • قالب وبلاگ
  • برنامه کامپیوتر
  • آموزشگاه
  • گرافیک
  • اندروید
  • اپل IOS
  • ابزار وبمستر
  • اینترنت
  • بیت و تکس
  • اخبار
  • کتابخانه
  • زندگی نامه / بیوگرافی
  • تصویری
  • گالری تصاویر
  • گیمر
  • مک
  • درایور
  • کسب درآمد
  • کنسول بازی
  • آرشیو
    لینک های روزانه
    لینک های دوستان
    نظرسنجی
    بازدید کننده عزیز کدام بخش این سایت برای شما جذابتر است؟

    بلوک راست
    فیکس
    کپی مطالب فقط با ذکر منبع مجاز میباشد
    تبلیغات C1
    آخرین ارسالی های انجمن

    قرار دادن آیکون برای سایت و وبلاگ (favicon)

    954 بازدید چهارشنبه 12 آبان 1395 آموزشگاه,آموزشهای کاربردی,ابزار وبمستر,جاوا اسکریپت,
    لایک: نتیجــــه : 0 امتیــــاز توســـط 0 نفـــر ، مجمـــوع امتیــــاز : 0

     

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

    با ما همراه باشید...

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

    شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
    چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
    با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
    پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
    این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

     

    <link href="http://adres-shoma/blogskin.ico" rel="shortcut icon">
    آدرس تصویر را بجای لینک قرمز رنگ قرار دهید

     

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

    برچسب ها :


    پست های مرتبط :


    ارسال نظر
    کد امنیتی رفرش

    تبلیغات C2
    بلوک وسط
    بلوک چپ
    تبلیغات R2
    ورود به سایت
    عضویت سریع
    نام کاربری :
    رمز عبور :
    تکرار رمز :
    موبایل :
    ایمیل :
    نام اصلی :
    کد امنیتی :
     
    کد امنیتی
     
    بارگزاری مجدد
    آمارگیر
      آمار مطالب
      کل مطالب : 295
      کل نظرات : 104
      آمار کاربران
      افراد آنلاين : 7
      تعداد اعضا : 19
      آمار بازديد
      بازديد امروز : 1,140
      بازديد ديروز : 1,185
      بازديد کننده امروز : 308
      بازديد کننده ديروز : 227
      گوگل امروز : 35
      گوگل ديروز: 11
      بازديد هفته : 5,407
      بازديد ماه : 1,140
      بازديد سال : 63,174
      بازديد کلي : 2,089,648
      اطلاعات شما
      آي پي : 44.220.62.183
      مرورگر :
      سيستم عامل :
    بلوک چپ
    فیکس
    مطالب جدید
    • دانلود زیرنویس فارسی بازی Blair Witch برای Nintendo Switch
    • دانلود زیرنویس فارسی بازی The Sinking City برای Nintendo Switch​
    • گلچین پنجاه تا از بهترین بازیهای استراتژی برای تمام پلتفورم ها
    • کال آف دیوتی موبایل رو حرفه ای بازی کن !
    • راهنمای قدم به قدم بازی Red Dead Redemption 1
    • شاهزاده ایرانی تاج گمشده
    • دانلود و بررسی بازی اعتیاد آور اندرود و آی او اس Evo PoP
    • داستان بازی RED DEAD REDEMPTION
    • راهنمای مراحل بازی Half-Life 2: Southernmost Combine
    • دانلود سریال بازی مرکب Squid Game 2021
    مطالب پربازدید
    • دانلود برنامه Yo Blog Spammer با لینک مستقیم
    • دانلود قالب سبک و زیبای همسنگر برای رزبلاگ
    • مجموعه برچسب های کاربری شماره 14 با فایل لایه باز(طرح فوتبال)
    • GTA: Liberty City Stories v1.8 + Mod – بازی خارق العاده جی تی آ لیبرتی سیتی اندروید همراه دیتا
    • دانلود بازی PES 2018 Pro Evolution Soccer برای اندروید و آیفون، آیپاد و آیپد
    • راهنمای قدم به قدم بازی سفر به سیبری 2
    • دانلود برنامه کارتون ساز کفشدوزک
    • دانلود Grow Empire: Rome 1.2.4 – بازی استراتژی “گسترش امپراطوری روم” اندروید + مود
    • تصاویر نقاشی دخترانه برای پروفایل
    • راهنمای قدم به قدم L.A. Noire
    مطالب تصادفی
    • دانلود آهنگ جدید اشکان صارمی به نام پاییز با لینک مستقیم و متن ترانه
    • اتومبیل فوتبالیستها و مربیان ایرانی +عکس
    • کال آف دیوتی موبایل رو حرفه ای بازی کن !
    • دانلود InstaSave Pro 2.6.4 – ذخیره عکس و ویدئو اینستاگرام اندروید!
    • ویندوز لودر Win 8.1 , 8 - KMSpico v10.0.4
    • دانلود Special Forces Group 2 1.1 – بازی تفنگی اول شخص اندروید + مود
    • دانلود ASUS Launcher 1.4.0.150601 – لانچر ایسوس آندروید !
    • دانلود موزیک جدید مهدی مقدم به نام کاری ندارم
    • راهنمای مراحل بازی Half-Life 2: Southernmost Combine
    • دانلود بنر لایه باز مناسب تمام موضوعات