목록개발/HTML + CSS (1)

코딩 발걸음

HTML 카카오톡 실시간 상담 아이콘 만들기 ( feat. 카카오톡 이미지 포함)

HTML + CSS 첫 번째 포스팅입니다. 첫 번째 시간으로는 HTML과 간단한 CSS를 이용하여 카카오톡 실시간 상담 아이콘을 홈페이지에 띄워 보도록 하겠습니다. 1. 먼저 카카오톡 투명로고 파일을 준비해줍니다. 아래 이미지는 출처표기 없이 자유롭게 사용하셔도 됩니다. 2. html 파일을 작성하고 a태그 안에 img를 추가해줍니다. 위와 같은 코드를 작성하면 아래와 같은 화면을 확인할 수 있습니다. 3. 카카오톡 채널 관리자 센터 앱에서 채널 URL을 확인합니다. 4. 복사한 URL을 소스코드 a태그 안에 넣어줍니다. ( 바로 뒤에/chat을 넣어주세요. ) 5. css를 이용하여 이미지 위치를 지정해 줍니다. 저는 kakaoChat이라는 클래스를 따로 선언했습니다. CSS에 익숙하지 않으신 분들은 ..
개발/HTML + CSS 2021. 3. 16. 02:44
이전 Prev 1 Next 다음