[16 בינואר 2008] [30 תגובות]
כדי להפוך את האתר למעט יותר מיוחד ניתן להוסיף אייקון קטן לצד כתובתו של האתר.
הנה דוגמה מהאתר של ויקיפדיה:
שימו לב לאייקון(האות W) שמוצגת משמאל לכתובת האתר.
ניתן בקלות להוסיף אייקון כזה לכל אתר, לפי המתכון הבא:
- יוצרים סמל לאתר: יש ליצור תמונה קטנה בגודל 32x32 בכל אחת מתוכנות הציור האהובות עליכם(MSPaint, Paint Shop Pro, Photoshop).
- ניגשים לאתר ליצירת אייקונים, מעלים את התמונה שיצרתם והאתר יוצר קובץ בשם favicon.ico
- הורידו את הקובץ, והעלו אותו לסיפרייה הראשית של אתרכם.
- בקוד ה-HTML של האתר שלכם, הוסיפו את הפקודה הבאה, בתוך בלוק ה-HEAD:
<head>
<link rel="shortcut icon" href="favicon.ico" />
</head>
זהו, כעת הדפדפנים(כן, כן, גם פיירפוקס וגם האקספלורר) יציגו את האייקון שלכם ליד הכתובת.
ואם האתר שלך על רשת בניית אתרים באינטרנט לאן אני צריך להכניס את התמונה?????
למר אנונימוס, בכל דף שאתה רוצה שהלוגו יופיע בוא תכניס את הפקודה הזו
<link rel="shortcut icon" href="favicon.ico" />
עם האייקון שלך, לתוך התאג head
תודה רבה, הסבר ממש פשוט וקל, הוספתי אייקון לאתר שלי בזכותכם. תודה!
לא הצלחתי, האייקון לא עולה. מה לעשות?
אם עקבת אחרי ההוראות, זה אמור להצליח. אם תתני את כתובת האתר שבו הכנסת את השינויים, אני אוכל לבדוק מדוע האייקון לא עולה.
תודה על הטיפ!!
זה עובד לי בff אך לא בie8 יש לך מושג למה?
זה כנראה באג ב-IE8... ראיתי גם כמה דיונים על כך ברשת. האם אתה רואה אייקונים של אתרים אחרים ב-IE8?
תנסה לנקות את ה-Temporary Internet Files דרך ה-Options ואז לגלוש לאתר שלך בשנית.
זה פשוט נפתר מעצמו משום מה...
אולי אחרי סגירה של הדפדפן ולא רק ריענון שלו..
תודה רבה בכל אופן!!
עקבתי אחר ההוראות כולל מחיקת קבצים זמניים - והאייקון לא עולה.... גם בבדיקה דרך האתר באמצעותו יצרתי את האייקון החיווי הוא שהכל תקין...
הצילו....
@דיקלה, אני רואה אות באתר שלך... הציפור הקטנה...
הדפדפנים עדיין לא יודעים "לעכל" שינויים כל כך טוב... תנסי דפדפן אחר או ממחשב אחר.
מדריך מעולה תודה רבה!
אני עישתי אותו דבר אבל האתר שלי בנוי במערכת מוכנה אך אני יכול לשנות את הhead
על מנת להוסיף את האייקון, חייבת להיות גישה לשינוי קבצי ה-HTML והידע הבסיסי לערוך אותם.
למרות שהפוסט הוא מ-2008, אני מניח שאת התגובה תראה גם עכשיו, ואם תוכל לעזור אודה מאוד.
ניסיתי לעשות כפי ההוראות, וזה לא הולך.
מכיוון שהבלוג שלי בבלוגר, שם אין ספריית קבצים, העליתי את קובץ האייקון לרשת, וכתבתי את הקישור.
זו כתובת האייקון
http://cid-fcda20909c450c64.skydrive.live.com/self.aspx/.Public/favicon.ico
וככה משתנה השורה לאחר שמירת השינויים בבלוגר,
<link href='http://cid-fcda20909c450c64.skydrive.live.com/self.aspx/.Public/favicon.ico' rel='shortcut icon'/>
הבלוג - http://shliches.blogspot.com/
בתודה
שמתי לב שיש ב-Header עוד שורה שבלוגר כנראה הוסיף:
link type="image/vnd.microsoft.icon" rel="icon" href="http://www.blogger.com/favicon.ico"/
תנסה להוריד אותה ולראות אם זה עוזר.
עכשיו אני רואה את השורה המחורבנת הזו,
אבל זה לא משהו שאני יכול לשלוט עליו מהעריכה בHTML בבלוגר. זה פשוט לא מופיע לי.
יש דרך לעקוף את זה (כמו השורה להסרת הנביגייטור)?
@אלי, תבדוק את מה שכותבים כאן:
http://blogging.nitecruzr.net/2009/01/setting-up-favicon-for-your-blog.html
הם מסבירים איך לעקוף את זה.
או!
סופסוף
העתקתי משם והלך יפה מאוד.
ניסיתי לחפש באנגלית אבל המילה "Blogger" מביאה יותר מדי תוצאות בלי קשר...
תודה רבה!
עדיין קיימים אנשים טובים
רציתי לדעת איפה או באיזה דרך אפשר לקבל/להוריד אייקונים שמוצגים בשורת הכתובת באתרים בהם אני גולש.
האם יש תוכנה או אפילו תוסף בפיירפוקס
חיפשתי ולא מצאתי
ברוב האתרים פשוט צריך להוסיף favicon.ico לשורת הכתובת ולהוריד את האייקון. לדוגמה:
www.google.co.il/favicon.ico
www.digg.com/favicon.ico
עשיתי את כול ההראות והכול הורדתי למחשב אבל מה זה ספרייה הראשית??? יש לי אתר בטיפו אבל מה זה ספרייה ראשית כניראה בגלל זה זה לא עובד כי לא הורדתי לספרייה ראשי ת כי אנילי מושג מה זה!! תוסיף מדריך נורמלי לא הבנתיי הכול!
מעולה !!! תודה רבה !!! עקבתי אחרי ההוראות - אחד אחד והכל עלה כמו שצריך.
בניתי אתר ולא הצלחתי לעשות לא אייקון
וגם ההסבר הזה לא עבד!!
עזרה!!
גם לי בהתחלה עשה קצת בעיות, אבל בסוף הכל הסתדר.
תודה רבה על המדריך הקצר והמעולה!
מעולה! תודה רבה!:)
איפה הספריית קבצים של האתר שלי בכלל?
אני ממש חדשה עם הפוטושופ וזה קשה להבין משהו שכל הפוטושופ באנגלית!!
שחר
ואיך מורידים בכלל קובץ?
זה באמת חשוב לי!!!!!!!!!!!
יש אפשרות להוסיף לאתר שלי גם אייקון?
http://danna-celebs.blogspot.co.il/
בעיקרון לא חובה שהקובץ היה ICO הוא יכול לפעול על קובץ תמונה רגיל ,לא ממש משנה שהוא היה 32 פיקסל -זה פשוט המקסימום שהאייקון יכול להיכנס עליו. אפשר להוסיף ולהפחית מהגודל.
נ.ב.
אפשר ליצור קובץ ICO בלכיחת תמונה רגילה ואחר כך לשנות את הסיומת ל ICO .