블로그 전화번호 링크 이미지 연결 2가지 방법

블로그에서 전화번호 링크 연결하는 방법 두가지를 알려드리겠습니다.

전화번호태그를 넣기 위해서는 앵커태그 <a>의 속성에  tel: 을 넣어도 되지만…

이보다 더 쉽고 댓글, 홈페이지, 블로그, 카페, 카카오톡 상관없이 사용할수 있는 방법을 알려드리겠습니다.

 

블로그 전화걸기 링크 방법

1. 이미지에 전화번호 연결하는 방법

우선 전화연결할 이미지를 포토샵, 그림판을 이용하여 만듭니다.

블로그 전화연결 이미지를 그림판으로 만드는 방법은 제가 따로 글을 작성해서 링크를 걸어놓겠습니다.

만들어진 이미지를 쉽게 파일로 만들기 위해서는 티온캡 같은 툴을 이용하시면 편합니다.

이렇게 만들어진 이미지에 html 태그를 입력하면 됩니다.

아래 이미지에 <a>링크를 연결하면됩니다.

실제로 위의 전화걸기 이미지를 스마트폰에서 클릭하면 전화로 연결되는것을 알 수 있습니다.

위의 방법은 워드프레스 블로그에서 링크 삽입하는 방법입니다.

네이버 블로그에서 이미지에 전화를 연결하려면 아래처럼 따라하시면됩니다.

단순하게 전화번호링크만 복사 붙여넣기를 하셔도 이미지가 기본형으로 나옵니다.

내가 직접 그림판으로 만든 이미지에 전화번호를 연결하기 위해서는 이미지를 우선 업로드하신 후 이때 티온캡을 이용하시면 이미지를 바로 복사 붙여넣기 할 수 있습니다.

 

 

2. 글자에 전화번호 연결하는 방법

글자에 전화번호 연결해서 링크 거는 방법은 생각보다 더 간단합니다.

단순히 전화번호를 스마트폰에서 클릭했으면 하는 바램으로 링크를 걸어야한다면 (1)항목에서 알려드린 블로그텔 링크를 전화번호만 넣어서 입력하면 됩니다.

내가 원하는 글자를 클릭하면 전화가 연결되도록 하는 방법은 위의 이미지 링크대신 글자에 링크를 걸면됩니다.

이렇게 블로그텔 링크에 전화번호를 넣어 입력하면 간단하게 해결됩니다.

아래처럼 완성된 글을 볼수 있으며 글자를 스마트폰에서 클릭하면 나에게 전화가 오는것을 확인 할 수 있습니다.

 

이렇게 글자와 이미지에 전화번호 링크를 연결시는 방법에 대해서 알아보았습니다.

tel: 속성을 이용하는 방법도 존재하지만 이렇게 텔속성을 입력하게되면 네이버 블로그앱에서 동작하지 않습니다.

그이외에도 그 업체에서 막아버리는 항목이 생겨버리면 전화연결이 안될수 있으니 이때에는 블로그텔링크에 전화번호를 넣어 사용하시면 되십니다.

 

감사합니다.

태그: