사실 본 블로그에는 크게 필요가 없는 기능이지만 일단 넣어보았다. 티스토리에서는 기본적으로 제공하는 기능이지만 블로거(블로그스팟)에는 없는 기능이다 보니 괜히 욕심이 났다.
구글 검색을 통해 여러가지 방법들이 있다는 걸 확인하였지만 가장 편한 방법은 구글이 아닌 다른 업체가 제공하는 코드를 긁어오는 방법이었다. 필자는 그중에서도 likebtn 사의 위젯을 적용해 보았다.
likebtn 위젯을 선택했던 이유는 우선 무료 기능으로도 월 100만 페이지뷰를 제공해주는 부분이었다. 같은 업종의 다른 위젯은 500 페이지인 걸 감안하면 당연히 likebtn 을 선택할 수 밖에 없었다. 유료로 이용할 경우 당연히 더 많은 페이지뷰와 다양한 혜택을 제공하지만 당연하게도 이 블로그가 유료 기능이 필요할 정도로 페이지뷰를 발생하는 것도 아니라서 무료로도 충분히 혜택을 받을 수 있을 듯 싶었다.
사용법은 간단하다.
likebtn 홈페이지에 가서 회원가입을 하고 코드를 커스터마이징 하여 생성되는 코드를 가지고 내 블로그에 적당한 곳에 삽입만 하면 된다. 필자는 <data:post.body/></div> 아래에 해당 코드를 집어 넣었다. 그리고 나서 CSS 로 버튼의 위치를 조정해주면 끝.
필자가 사용한 코드는 아래와 같다. 싫어요 는 제외했다. 🤨
/* CSS 코드 삽입 */
.likebtn-wrapper{margin:3.0em 0 3.0em 0; text-align: center;}
/* data:post.body 아래에 코드 삽입 */
<span class='likebtn-wrapper' data-bg_c='rgba(250,250,250,0)' data-brdr_c='rgba(255,255,255,0)' data-btn_size='50' data-counter_frmt='comma' data-counter_fs='ri' data-dislike_enabled='false' data-ef_voting='heartbeat' data-f_family='Comic Sans MS' data-f_size='25' data-i18n_like=' ' data-icon_dislike_show='false' data-icon_l='hrt13' data-icon_size='50' data-identifier='item_1' data-lang='ko' data-theme='custom'/>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>사실 이 방법 말고 구글 스프레드시트를 이용한 방법이 있는데 코드 적용이 너무 어렵다 보니 적용을 하지 못하고 있다. 이거.