반응형 링크5 티스토리 링크 버튼 만드는 방법 (꾸미기) 목차 블로그 글을 쓸다보면 링크를 넣어야 할때가 있는데요. 기본으로 글에 링크를 넣었을때 눈길이 잘 가지 않아서 링크를 클릭하지 않고 그냥 넘어 갈 수 있습니다. 때문에 본 글에서는 눈에 띄는 링크 버튼 쉽게 만들기 방법을 작성했습니다. 1. 버튼을 만들어주는 사이트 이용하기 해당 사이트는 CSS 코드로 작성한 버튼 모양을 미리 보여주기 때문에 사용하기 편한데요. 옆에있는 여러 설정 값들로 버튼을 만들고 해당 코드를 가져와서 티스토리 블로그에 적용할 수 있습니다. 버튼 만들기 사이트 바로가기 2. 티스토리에 버튼을 적용하는 방법 2-1 편집창에 코드 넣기 버튼 만들기 페이지에서 'Get Code'를 눌러서 현재 내가 디자인한 코드를 볼 수 있습니다. 해당 코드를 복사합니다. '티스토리 HTML 편집창'.. 2024. 2. 19. 무료 이미지 웹 서버 호스팅 사이트 ESM PLUS IMGBB 이미지 호스팅 사이트 2곳에 대해서 알려드리려고 합니다 첫번째 사이트는 ESM PLUS입니다 (지마켓, 옥션 판매자 센터에서 제공합니다) 두번째 사이트는 IMGBB 라는 사이트 입니다 오늘 알려드리는 사이트는 쇼핑몰을 운영하시는 분이나 따로 이미지 호스팅이 필요하신분이 사용하시면 좋을듯 해서 오늘 글을 작성해봤습니다 ESM PLUS 우선 판매자라면 옥션, 지마켓 사이트에 가입을 해주시면 됩니다 (사실상 ESM PLUS 사이트는 판매자가 아니라면 이용하기 어렵습니다) ESM에 로그인을 하면 사진과 같이 ESM 이미지 호스팅이 있습니다(무료입니다) ESM 이미지 호스팅 사이트 이미지 입니다 저는 개인적으로 ESM 사이트를 제품 썸네일이나 상세페이지를 여기 호스팅 사이트에 저장하고 사용하고 있습니다 이미지 업.. 2022. 8. 11. 인스타그램 계정 프로필 링크 페이지 여러개 만들기 part 3 링크 페이지 만들기 part 3 마지막 링크를 만들고 마무리하는 글이 되겠습니다 실제로 링크를 만들어서 배포해보겠습니다 우선 github 사이트로 들어가서 회원가입을 합니다 "Create a new repository"을 클릭합니다 파일 이름 설정후 만들기 클릭 화면 밑줄 부분 클릭 이전 이미지 파일 코딩파일 업로드 하기 메뉴에서 셋팅을 누른다 페이지스 클릭 Save 클릭 해줍니다 링크가 생성됩니다 여기까지가 개인 프로필 계정링크 만들기가 끝이 났습니다 아래는 제가 만든 링크를 남겨 두었습니다 티스토리 - 프로필 링크 인스타 링크 만들기? kyuonehan.github.io 2022. 7. 22. 인스타그램 계정 프로필 링크 페이지 여러개 만들기 part 2 위 사진과 글들을 사이트 가운데로 모아주는 작업을 해보겠습니다 로 묶기 그다음 다시 class="wrap"으로 이름을 정해줍니다 display: flex; flex-direction: column; justify-content: center; align-items: center; 다시 위 style 태그로 돌아가서 .wrap{}안에 백그라운드색 넓이 마진폭 그리고 위 코드를 복사 붙여넣기 합니다 가운데로 모여진것을 확인 할 수 있습니다 (백그라운드 그린 컬러는 지울거에요~!) main과 sub로 다시 돌아가서 margin폭을 설정해 줍니다 마진 폭은 글자 사이에 간격을 의미합니다 유튜브 블로그 인스타 a태그를 복사해서 위 처럼 붙여넣기 해주세요 width: 300px; height: 50px; backg.. 2022. 7. 22. 이전 1 2 다음 반응형
