전체 글170 [Tistory] 티스토리 블로그에 깃허브 아이콘 넣어보기 (북클럽 Book Club 스킨)(Github) 티스토리 블로그에 깃허브 아이콘을 적용 완료한 화면!1. 티스토리 설정티스토리 관리 → 메뉴 → 꾸미기 탭 → 스킨편집 2. 폰트어썸(Font Awesome) CDN 연결 / 깃 아이콘 사용 영역 안에 해당 코드를 붙혀넣는다. 영역 안에 해당 코드를 붙혀넣는다. About me 🐇 3. 적용 완료적용 버튼을 누르면 완료 된다. 폰트어썸(Font Awesome)사용한 아이콘 사이트 Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.com .. 2024. 5. 13. [HTML] 시맨틱 태그(Semeantic Tag)란? 시맨틱 태그(Semeantic Tag) 란?Sementic 요소들로 아래와 같이 직관적으로 웹사이트를 구성할 수 있습니다. 시맨틱 태그의 종류태그설명사이트의 머리부분에 사용웹 페이지 메뉴를 만들 때 사용 메인 콘텐츠를 나타내는데 사용 제목별로 나눌 수 있는 문서의 콘텐츠 영역을 구성하는 요소개별 콘텐츠를 나타내는 요소 (여러개 반복되는 요소)좌우측의 사이드 영역사이트의 바닥부분, 주로 연락처나 제작자 정보등을 기술하는 부분 제목과 부제목을 묶어서 나타내는 요소 시맨틱 태그 상세 설명 태그는 보통 사이트의 도입부, 즉 머릿 부분에 사용되며 사이트의 로고나 제목 등을 기술할 때 사용합니다. 하나의 구역이기에 태그 안에 부수적인 태그들이 추가로 들어갈 수 있으며 주로 태그를 사용해 검색창을 넣거나 태.. 2024. 5. 13. [CSS] CSS Flex(display: flex) 레이아웃 구성과 정렬 display : flex 정리 1 2 3 4 5 display : flex부모 클래스에 flex 속성을 줘야 나머지 flex 속성을 사용할 수 있다..box_wrap{ display: flex;}display : flex-direction : 정렬의 방향을 선택 정방향 : row; 정방향 + 역순정렬 : row-reverse; 세로방향 : column; 세로방향 + 역순정렬 : column-reverse;.box_wrap{ display: flex; flex-direction : row;// flex-direction : row-reverse;// flex-direction : column;// flex-direction : col.. 2024. 5. 13. [CSS] CSS Position 속성 5가지 정리 (static, relative, absolute, fixed, sticky) Position 이란?element 배치하는 방법을 지정해주는 속성이라고 하며static, relative, absolute, fixed, sticky 5가지가 있다.1. staticdefault 값으로 명시되어 있지 않을 경우 position : static; 으로 적용문서의 흐름에 따라 element 배치top, right , bottom, left, z-index 속성에 영향을 받지 않음HTML의 요소가 일반적인 흐름으로 배치되는 속성2. relative문서의 흐름에 따라 element 배치top, right , bottom, left 를 주면 static이었을 때의 위치에서 주어진 값만큼 이동static과 동일하게 일반적인 흐름으로 배치되는 속성차이점은 현재 자신의 위치를 기준으로 배치를 좀 더 .. 2024. 5. 13. [광고] 카카오 애드핏 블로그 수익 광고 등록방법 카카오 애드핏(Kakao AdFit)을 통해 수익형 광고 노출할 수 있습니다. 1. 티스토리 광고 연동티스토리 관리 → 메뉴 → 수입 탭 → 애드핏 광고 연동하기 클릭 티스토리에서 사용하고 있는 카카오계정으로만 애드핏으로 연동 가능 계정설명을 간단히 입력하고 이메일 인증 및 휴대전화 번호 인증 2. 심사 기다리기 (약 3~5일 소요) 2024. 5. 13. [광고] 구글 애드센스 블로그 수익 광고 등록방법 구글(Google) 애드센스를 통해 수익형 광고 노출할 수 있습니다. 1. 구글 애드센스 접속아래 링크로 들어가 구글 아이디로 로그인한다.https://adsense.google.com/ Google 애드센스 - 웹사이트에서 수익 창출하기Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다.adsense.google.com 2. 도메인 또는 URL 등록 아래 방법대로 진행하시면 됩니다. 3. 구글 애드센스 승인애드센스 승인이 되면 메일로 알려줍니다. 보통 승인까지 18일 걸립니다. 2024. 5. 13. [검색엔진] Zum(줌) 검색엔진 블로그 노출 검색 등록방법 줌(Zum) 검색결과에 노출할 수 있습니다. 1. Zum 사이트 신규등록 접속아래 링크로 들어가 구글 아이디로 로그인한다.https://help.zum.com/home 고객센터 - zum help.zum.com 줌고객센터 - 자주찾는메뉴 - 사이트티스토리를 사이트에 신규등록으로 등록을 해주면 됩니다. 2. 도메인 또는 URL 소유권 등록신규등록에 보면 필수입력란 이메일/ 사이트주소/ 사이트명/ 사이트소개 를 작성해주면 됩니다.따로 첨부할 파일은 없으니,모두 기입한 후에 아래 수집동의체크 후에 보내기 하시면 됩니다. 2024. 5. 13. [검색엔진] Bing(빙) 검색엔진 블로그 노출 검색 등록방법 빙(Bing) 검색결과에 노출할 수 있습니다.bing 검색은 구글 서치 콘솔과 연동되어 클릭 한번이면 바로 연동되므로 bing에도 등록해보자. 1. Bing 빙 웹 마스터 접속아래 링크로 들어가 구글 아이디로 로그인한다.https://www.bing.com/webmaster/home/mysites Bing 웹 마스터 도구 www.bing.com 2. 구글 서치 콘솔에서 가져오기 선택로그인이 완료되면 아래와 같은 화면이 뜨는데 구글 서치 콘솔에서 가져오기를 누르면 바로 bing 검색도 연동된다. 구글 서치 콘솔에 이미 사이트를 등록했다면, 30초안에 연동이 완료된다. 2024. 5. 13. [검색엔진] 네이버 검색엔진 블로그 노출 검색 등록 - robots.txt가 존재하지 않습니다. 에러 발생 시 해결 방법 네이버 서치 어드바이저 등록을 하시다 robots.txt가 존재하지 않습니다. 아래와 같은 에러가 난 경우1. 사이트 관리 2. robots.txt 파일 다운로드 3. 다운로드 파일 적용 4. 검증 5. 사이트 간단 체크 출처 : https://baekyouyou.tistory.com/ 2024. 5. 13. 이전 1 ··· 4 5 6 7 8 9 10 ··· 19 다음 728x90 반응형
