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

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

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

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

 

블로그 전화걸기 링크 방법

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

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

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

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

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

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

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

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

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

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

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

 

 

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

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

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

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

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

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

 

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

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

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

 

감사합니다.

태그:blog 전화링크html a 태그 전화html code for send sms to mobilehtml link sms androidhtml send sms to mobilehtml smshtml sms buttonhtml sms inboxhtml sms linkhtml sms link formathtml sms link iphonehtml sms link with bodyhtml sms taghtml sms tohtml sms 보내기html tag send smshtml tel linkhtml tel link codehtml tel link country codehtml tel link formathtml tel link internationalhtml tel link not workinghtml tel link spaceshtml tel link with extensionhtml tel 태그html 글자 링크html 글자에 링크html 백그라운드 이미지 링크html 이미지 누르면 링크html 이미지 다운로드 링크html 이미지 링크html 이미지 링크 여러개html 이미지 링크걸기html 전화 링크html 전화 태그html 텍스트에 링크send sms button htmlsend sms link htmlsms share button html글씨에 링크걸기글에 링크걸기글자에 링크 걸기글자에 전화연결네이버 블로그 전화연결댓글에 링크걸기모바일 웹 전화걸기모바일 전화걸기모바일 전화걸기 링크모바일 전화링크모바일 전화연결 링크모바일 전화하기모바일웹 전화걸기모바일웹 전화걸기 링크모바일웹 전화연결모바일웹 전화연결 링크블로그 링크 복사블로그 이미지 전화연결블로그 전화걸기블로그 전화링크블로그 전화연결블로그 전화하기블로그 터치시 전화연결블로그에 전화번호스마트폰 링크 연결스마트폰 링크복사스마트폰 링크저장스마트폰 이미지 링크스마트폰 전화링크이미지 전화연결전화 링크전화걸기 태그전화연결전화연결 html전화연결 링크전화연결 이미지전화연결 태그터치시 전화연결티스토리 이미지 전화연결홈페이지 전화걸기홈페이지 전화링크