블로그에 이웃 기능을 추가해 주는 티네스라는 서비스가 있습니다.


지난번에 이것을 이용해서 나름대로 커스터마이징한 이웃 목록을 블로그에 추가해 봤는데요.


2018/11/27 - [Methods] - 티스토리 블로그에 링크가 아닌 이웃 기능 추가하기


이 서비스가 업데이트를 하면서, '이웃 커넥터'라고 해서, 그것보다 훨씬 더 쉽고 간단하게 이웃 목록을 추가하는 방법이 생겼답니다.


이 사람은 호기심이 조금 있기 때문에, 이렇게 새롭고 재미있는 기능을 지나치지 않고 가장 먼저 직접 적용해 봤습니다.


그 방법이란 것은 이렇습니다.


먼저, 티네스 홈페이지 (링크)에서 로그인합니다.



티네스 홈페이지에서 로그인하고, '내 블로그 관리' 페이지의 '커넥터 및 구독버튼'을 선택하면, 애드센스나 웹마스터 도구의 그것처럼 HTML 코드가 제공됩니다.



이웃 커넥터 위젯 하나를 표현하는 이 HTML 코드를 통째로 복사해서, 블로그 아무 곳에나 붙여넣습니다.


스킨이나, 배너 플러그인이나, 블로그 글 본문 중간 등 HTML이 적용되는 곳이면 어디든지 삽입할 수 있습니다.



이게 끝입니다.


이거라면...! 웹 문법을 전혀 모르는 사람도 쉽게 이웃 기능을 추가할 수 있겠지요.


아래 본문 중간에 예시로 실물 하나를 추가해 볼 게요.


사용한 코드는 다음과 같습니다. (복붙함)


<!-- 이웃커넥터 -->
<div id="tines-connector">
    <neighbor-connector email="nanite@naver.com" name="nanite" message="이웃으로 삼는다"></neighbor-connector>
</div>
<!-- Vue.js -->
<script src="https://unpkg.com/vue@2.5.17/dist/vue.min.js"></script>
<!-- Components -->
<script src="https://unpkg.com/vue-tines-components"></script>
<script>
    Vue.component('neighbor-connector', NeighborConnector);

    let app = new Vue({ 
        el: '#tines-connector'
    });
</script>



그럼 여러분, 코코넛냠냠과 사이 좋게 지내고 싶은 분들은 이제 이 기능을 이용해서 이 사람을 이웃으로 추가해 주시기를 바랍니다.


코코넛냠냠은 오만가지 전자 오락과 더불어 프로그래밍/해킹을 즐기는 미치광이 컴퓨터 덕후입니다. 전문 분야를 빼고는, 세계 역사나 문화에도 관심 있고, 탈근대주의자라고 합니다.


티스토리 블로그를 예쁘게 꾸미는 것도 취미입니다.


흥미나 관심 주제 등이 일치하시는 분들이 계시다면, 부디 코코넛냠냠을 이웃으로 추가해 주세요.


이상입니다. xD



  • 우키키키12 2018.12.18 16:58 신고 LINK EDIT/DELETE REPLY

    오 해봐야겠네요! 감사합니다

    • 코코넛냠냠 2018.12.18 17:17 신고 LINK EDIT/DELETE

      어렵지 않으니 함 적용해 보세요. 여기 이런 블로그랑은 스타일도 안 맞고 모양이 조금씩 깨지는 게 흠이긴 한데 다른 블로그에서 배너란 같은 곳에 넣으면 적절할 것 같아요. 배치 좋게 잘 적용된 모습이 궁금하네요.

Top