안녕하세요?
블로그나 웹사이트에 파비콘 만들기를 해보겠습니다.
파비콘은 웹페이지 접속했을때 상단 탭에 보여지는 아이콘을 말합니다.
16×16 pixel 이미지로 ICO파일 즉 포토샵 파일확장자를 가지고 있습니다.
대표적인 파비콘 그림입니다.
저희는 네이버의 N글자라던지 다음의 D글자가 익숙하겠네요
파비콘 만드는 사이트입니다. 무료입니다.
favicon.ico Generator
Preview Favicon in original size:
www.favicon.cc
접속해서 들어갑니다.
모눈종이처럼 그림판이 나오는데 여기에 자신만의 파비콘 모양을 그려줍니다.
저는 DAD라는 글씨를 그려보았습니다.
그리면서 본인 웹페이지 상단 탭에 어떻게 파비콘이 적용되는지 실시간으로 보여줍니다.
어떤가요? 다소 촌스러운가요?
그런 다음 하단 메뉴를 보면 Download Favicon으로 다운을 받습니다.
다운로드 받은 파일을 내 블로그 프로필에 업로드하면 파비콘이 적용됩니다.
단, ICO 확장자 파일로 포토샵 프로그램이 있어야 열립니다.
포토샵이 없을 경우는 HTML로 붙여넣어야 합니다.
저는 포토샵이 없어서 HTML로 붙여넣었습니다.
Latest Favicons로 들어가면 맨아래 HTML이 나옵니다.
그것을 복사해서 내 블로그의 <head>와 </head>사이에 붙여넣으면 파비콘이 적용됩니다.
블로그 관리자 모드로 들어가서 꾸미기 메뉴의 스킨편집으로 들어갑니다.
스킨편집 메뉴로 들어가면 오른쪽에 HTML편집 메뉴가 보입니다.
클릭하고 들어가면 아래와 같은 화면이 나오는데 아까 복사했던 문자를 붙여넣습니다.
<head>
붙여넣기
</head>
붙여넣기가 끝나면 적용을 누르고 저장합니다.
적용하고 내 블로그로 다시 접속하면 왼쪽 상단에 파비콘이 적용되어있는걸 확인할 수 있습니다.
나만의 파비콘 만들기 성공입니다.
감사합니다.
'What I learn (재테크, 주식)' 카테고리의 다른 글
| 천억부자의 돈강의 / 투자마인드 / 토니로빈스 주식투자 / 알렉스 홀모지 사업 마인드 / 자수성가 / 돈의규칙 (0) | 2022.02.14 |
|---|---|
| 스태그플레이션을 넘어 - 레이거노믹스/경제학 - 유튜브 자유지성님 내용정리 / 부동산 전망 (0) | 2022.01.08 |
| 존리의 금융문맹 탈출을 읽고 - 주식, 연금, IRP, 펀드 투자 (0) | 2021.01.06 |
| 구글애드센스로 수익창출 - Google Adsense 신청하기 (0) | 2020.09.06 |
| 미국 주식 투자하기 - 애플, 테슬라 액면 분할 8월 31일 (0) | 2020.08.31 |
