본문 바로가기
블로그팁

블로그에 즐겨찾기 추가 버튼 만들기

POSTED BY© 듀륏체리 2012. 4. 9.
 웹사이트를 여러군데 방문하다 보면 자신이 원하는 정보가 많은 웹사이트나 블로그를 즐겨찾기에 추가하고 자주 방문하곤 하는데 이번 포스팅에서는 운영하고 있는 웹사이트나 블로그에 즐겨찾기 추가 버튼 만드는 방법에 대해 소개해 드리겠습니다.

  참고로 즐겨찾기 추가 버튼 형태로 만드는 방법 이므로 즐겨찾기 추가 버튼으로 사용할 간단한 이미지 파일 정도만 있으면 누구나 쉽게 블로그에 즐겨찾기 추가 버튼 만들어 적용할 수 있습니다.

  이미지 파일 업로드 및 이미지 주소 부분이 어려우신 분은 포스팅 마지막 부분 부분 참고하세요^^*
 



*블로그에 즐겨찾기 추가 버튼 만들기 예제 소스


 
<a onclick="window.external.AddFavorite('블로그주소', '블로그명')
" href="javascript://"><img src="이미지주소" title="즐겨찾기추가"></a>




        ☜ 좌측의 이미지는 실제로 블로그에 즐겨찾기 추가 버튼이 적용된 모습 입니다. 위 소스 중 title="즐겨찾기추가" 부분에 해당 하는 것으로 별 모양의 이미지에 마우스 커서를 가져다 대면 오른쪽 이미지 처럼 "즐겨찾기추가"라는 글자가 팝업 됩니다.


  위의 블로그에 즐겨찾기 추가 버튼 만들기 예제 소스에서 블로그주소와 블로그명을 입력하면 블로그 즐겨찾기 추가시 좌측 이미지 처럼 블로그 이름이 나타 납니다.

  XP 영문판에서 적용해 캡쳐한 것으로 실제로는 한글로 표시 됩니다.^^;

PS. 블로그에 즐겨찾기 추가 버튼 만들기 예제 소스 중 "이미지주소"는 티스토리 블로그에 파일 업로드 기능을 이용하시면 됩니다.(아래 이미지 참조)


 이미지 주소(이미지 업로드)는 티스토리 관리 - HTML/CSS 편집 - 파일 업로드 - 추가 버튼을 이용해 즐겨찾기 버튼으로 사용할 이미지를 업로드 한 후 해당 파일에 마우스 오른쪽 버튼을 눌러 링크주소를 복사한 후 해당 주소를 붙여넣기 하면 됩니다.

 개인적으로는 블로그 사이드바 최하단에 적용해 놓아서 눈에 잘 띄지는 않는 곳에 적용해 놓았네요^^;; 블로그 스킨이나 사용자의 취향에 따라 본문이나 사이드바, 상단 등 원하는 곳에 적용하시면 됩니다. 이상,
블로그에 즐겨찾기 추가 버튼 만드는 방법에 대해 소개였습니다.
 
반응형

댓글