티스토리 블로그 이모티콘 (디셉님의 어밴드)

---

네이버 블로그에 비해 티스토리 이모티콘이 너무 빈약하다는 애나의 요청으로 티스토리에서 사용할 수 있는 이모티콘을 찾아보았다. 티스토리에서 제공하는 건 아니지만 이모티콘을 직접 제작하여 무료로 배포하는 분이 있어 기분좋게 적용해 본다. 

http://dicepted.tistory.com/5

▲ 이모티콘 다운로드 및 사용법은 위 블로그에서..

원본 제작자 디셉님이 알려주신 이모티콘 사용법 대신 HTML과 CSS를 이용하여 사용할 예정이므로 현 게시물은 글쓰기시 참고하기 위해 기록해 둔다.

---

티스토리에 이미지들을 업로드 한 후 글쓰기시 HTML 태그로 호출해서 사용하는 방식  (2018.11.06 삭제)

(어밴드)

 <div class="emoticon aband_1">(어밴드)</div> 

(디셉)

<div class="emoticon aband_2">(디셉)</div>

(두근두근)

<div class="emoticon aband_3">(두근두근)</div>

(최고야)

<div class="emoticon aband_4">(최고야)</div>

(셧업)

<div class="emoticon aband_5">(셧업)</div>

(으아앙)

<div class="emoticon aband_6">(으아앙)</div>

(졸려)

<div class="emoticon aband_7">(졸려)</div>

(럭키)

<div class="emoticon aband_8">(럭키)</div>

(기뻐)

<div class="emoticon aband_9">(기뻐)</div>

(파파라치)

<div class="emoticon aband_10">(파파라치)</div>

(먹방)

<div class="emoticon aband_11">(먹방)</div>

(깜짝)

<div class="emoticon aband_12">(깜짝)</div>

(덥다고)

<div class="emoticon aband_13">(덥다고)</div>

(분노)

<div class="emoticon aband_14">(분노)</div>

(건배)

<div class="emoticon aband_15">(건배)</div>

(지쳐)

<div class="emoticon aband_16">(지쳐)</div>

(좌절중)

<div class="emoticon aband_17">(좌절중)</div>

(단비)

<div class="emoticon aband_18">(단비)</div>

(춤)

<div class="emoticon aband_19">(춤)</div>

(막춤)

<div class="emoticon aband_20">(막춤)</div>

(퉷)

<div class="emoticon aband_21">(퉷)</div>

(아하하)

<div class="emoticon aband_22">(아하하)</div>

(난잔다)

<div class="emoticon aband_23">(난잔다)</div>

(손하트)

<div class="emoticon aband_24">(손하트)</div>

(떼쓰기)

<div class="emoticon aband_25">(떼쓰기)</div>

(선물)

<div class="emoticon aband_26">(선물)</div>

(점점)

<div class="emoticon aband_27">(점점)</div>

---

또는 업로드 된 이미지를 드래그 카피 후 사용

포스팅하고 보니 첫번째보다 두번째가 훨씬 편하군.. CSS 작업 괜히 함.....