[네이버블로그] 초간단하게 공감버튼을 만들어보자!

# 블로거분들 가보면 공감버튼이 참부러웠는데요. 그래서 저도 한번 만들어 봤습니다. 하 처음에는 생각 보다어려웠습니다. 

그래서 먼저요약 하고 시작하겠습니다. 너무 어렵더라구요 설명이!!'

1. 이미지를 비공개로 올린다.

2. 이미지 URL을 복사한다.

3. 파일을 열어서 이미지 URL 과, 포스트 번호를 HTML에 언어에 복사한다.

4. 완성된 HTML을 게시글 복사 한다.

5. 가운데 정렬하고 저장. 끝

이렇게 설명해도 어렵죠? ㅠ 그럼 시작해보겠습니다. 차분히 따라오시면 되요!

​

1. 먼저 넣고 싶은 버튼 이미지를 선택해서, 네이버 게시판 아무대나 올리고 비공개로 저장합니다.

​

2. 저장이후에 다시 그 그림으로 가서 마우스 우클릭 URL 이미지를 복사합니다.

(익스플로어라면 마우스 우클릭 + 속성 탭에 있습니다.)

​

3. 메모장에 복사해둡니다.

​

4. 다시 비공개 게시글로 가서 포스트 주소를 복사합니다! 숫자부분만 해당되니까 주의!

 

5. 다시 메모장에 복사해 둡니다.

 

 

6. 첨부파일중에서 메모장 파일을 열면 아래와 같이 HTML을 엽니다.

--------------------------------------------------------------------------------------------------------

<img src="이미지 주소"         class="_activeId _sympathy _rosRestrict vm _param(포스트주소|0|1) btn-sympathy " title="공감하기"         st#le="border: none; vertical-align: middle; margin: -3px 0px; color: rgb(51, 51, 51); font-family: 돋움; cursor: pointer;">

------------------------------------------------------------------------------------------

​

7. 여기서 중요! 이미지 주소는 이미지 주소라 적힌부분에 복사 붙여넣기!

    포스트주소는 포스트 주소라 적힌 부분에 붙여넣기! 그럼 기본 틀은 완성! 입니다.

​

​

8. 공감버튼 넣고 싶은 게시물로 갑니다. 그리고 수정 -> 게시물 하단에 HTML 클릭! -> 최하단에! 메모장 전체내용 붙여넣기

​

9. 다시 게시글 EDITOR로 가서 가운데 정렬! 끝!

 

 

* 주의하셔야 할점은 HTML 만들때 띄어쓰기는 아주중요하답니다! 글자하나라도 틀리면 엑스박스로 나오와요!!

이상으로 아주간단하게 설명한 공감버튼 만들기였습니다. 아래처럼 나오면 이상없음!