본문으로 바로가기

홈페이지에 즐겨찾기 추가 버튼 만들기 HTML 코드

category IT/컴퓨터 2017. 11. 16. 10:33

홈페이지에 즐겨찾기 추가 버튼 만들기 HTML 코드


안녕하세요.

블로그 글을 작성하다보면 블로그를 구독하시는 분들이 내 페이지를 즐겨찾기에 추가하셨으면.. 하는 경우가 종종 있습니다. 

두고두고 참고할만한 유용한 정보글이라면 더 그렇겠지요. 

블로그를 구독하시는 분 입장에서도 좀 더 간단하게 즐겨찾기를 추가할 수 있다면 편리할 것 같습니다.

그 즐겨찾기 추가 코드를 페이지에 삽입하는 방법을 함께 알아보시죠. 



즐겨찾기 추가 코드를 삽입하는 것은 어렵지 않습니다. 

HTML 편집 모드로 들어가서

<a href="JavaScript:window.external.AddFavorite('http://yes-today.tistory.com', '내일을 만드는 어제와 오늘')"> 즐겨찾기 추가</a>

이렇게 코드를 삽입합니다. 

파란색 글씨 부분에 즐겨찾기할 페이지의 주소를 입력하시고,

초록색 부분은 구독자가 즐겨찾기를 추가했을 때 Favorite에 등록되는 제목을 입력합니다. 

빨간색 부분은 즐겨찾기 추가 버튼을 표시하는 글자를 입력합니다. 

저렇게 입력을 하면 페이지에 아래와 같이 표시가 됩니다. 



구독하시는 분이 '즐겨찾기 추가'라는 텍스트를 클릭하면 즐겨찾기에 추가가 되는 것이지요. 

텍스트 대신 이미지를 삽입하시려면 HTML 코드의 빨간색 부분을 <img src="이미지경로" border="0"> 로 바꾸시면 됩니다. 

그러면 전체 코드가 이렇게 되겠죠?

<a href="JavaScript:window.external.AddFavorite('http://yes-today.tistory.com', '내일을 만드는 어제와 오늘')"><img src="이미지경로" border="0"></a>

설마 '이미지경로'라는 부분을 그대로 붙여 넣으시는 분은 없겠죠?

 '이미지경로'라고 써있는 글자 부분에 이미지가 저장되어 있는 경로를 입력하시면 됩니다.

 'http://www..... /클릭버튼.jpg' 대략 이런 식이 되겠죠?

블로그에 즐겨찾기 추가 코드를 삽입하는 방법을 알아보셨는데요, 한가지 아쉬운건 Internet explorer 로 접속하시는 분들께만 작동한다는겁니다.  크롬이나 기타 브라우저를 사용하시는 분들은 원래 즐겨찾기 추가하는 방식대로 하셔야 해요. 

도움이 되셨길 바랍니다. 


오늘도 좋은 하루 보내세요!!  Have a nice day!!

[광고]


댓글을 달아 주세요