• 회원가입
  • 로그인
  • 구글아이디로 로그인

[web] 카카오톡 오픈 채팅방 만들기

5,244  
목차
  1. 카카오톡 오픈 채팅방 만들기
  2. 카카오톡 상담신청 버튼 만들기

 

카카오톡 오픈 채팅방 만들기

 

카카오톡 앱 설치 후 로그인

> 하단에서 풍선 아이콘 클릭해 채팅 탭으로 이동

> 상단에서 풍선+ 아이콘 클릭.

> 오픈채팅 클릭

> 만들기 클릭

> (1:1채팅) vs (그룹 채팅방) 선택.

> 채팅방 이름 입력다음 클릭.

> #태그 이용해 채팅방 소개다음 클릭.

> (프로필 정보, 참여권한, 검색허용여부) 설정 후 다음 클릭.

> 완료 클릭.

> 링크 공유 클릭.

> 링크 복사 클릭.

> 메모장이나 웹페이지 등에 붙여넣기해 주소 확인.

 

 

카카오톡 상담신청 버튼 만들기

 

<!--폰트오썸 4.7 CDN-->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

 

<!--카카오톡 상담신청 버튼-->

<style>

#openkakao {margin:20px 0; width:100%; position:relative;}

#openkakao a {

    display:block; 

    background:#fce400; 

    color:black; 

    font-weight:bold;

    font-size:18px; 

    line-height:50px; 

    text-align:center; 

    border:1px solid #fce400; 

    box-sizing:border-box; 

    text-decoration:none;

}

#openkakao a:active {border-color:#cd4b2b}

}

</style>


<div id="openkakao">

    <a href="https://open.kakao.com/o/sx4cXkRc" target="blank">

        <i class="fa fa-comments"></i> 카카오톡 상담신청

    </a>

</div>

 

결과보기

PS. 카카오톡 오픈 채팅방 주소를 위 핑크색 부분에 입력.

 


분류 제목
web 네이버톡톡 (무료 채팅) 시작하는 방법
web 경쟁사 웹사이트 무단 크롤링은 데이터베이스권 침해 (= 무단 파싱 위법성 인정)
web CSS - 클래스만 적은 경우와 요소명 뒤에 클래스 붙인 경우 차이
web 리눅스에서 mysql 접근 명령어 입력 시 주의 사항
web 아톰 에디터 빠른 코딩 사용법
web 개발 도구 - 버전 관리 시스템 , 소스 편집기
web 코딩 야학 & 생활코딩 좌표 (코야 & 생코)
web Dev C++ 기본 라이브러리 소스코드 확인하는 법
web 추천 비추천 (공감, 비공감) 버튼의 이중성 성격
web 불법 복제물 링크 행위는 저작권법 위반 아니다.
web 피봇 (Pivot) - 와이드 화면을 90도 회전해 세로로 길게 보는 기능
web 홈페이지 차단 가능 경우 및 중요 범죄 법적 처벌 수준
web 네이버에 사이트 노출 안 될 때 조치사항 (= 네이버 고객센터 연락처)
web 홈페이지 로딩이 오래걸릴 때 점검 사항
web 자바스크립트에 <!-- //--> 넣는 이유 (= JS에 HTML 주석 사용 이유)
web 표정 특수문자 ★
web 특수문자입력법 (자음 > 한자키 > Tab키)
web 클라우드플레어 (cloudflare) 장단점
web TLD (Top Level Domain) - 최상위 도메인 (=톱레벨 도메인) (예: com. net. or…
web 굿빌더 라이센스
12/19
목록
찾아주셔서 감사합니다. Since 2012