본문 바로가기

정보

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







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


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 작업 괜히 함.....





  • 두번째 방법이 잘 이해가 안되네요ㅠ 디셉님하고 같은 방법인건가요?

    • 디셉님은 게시글 작성시 이모티콘 파일 업로드후 필요한 이모티콘만 사용하시는거구요. 저는 현재 보고 계신 게시물의 이미지를 드래그 카피한 후 글쓰기 창에 복사해서 쓰고 있습니다. 게시글 작성마다 파일을 업로드해서 쓰냐 이미 업로드된 파일의 url만 카피해서 쓰냐 차이입니다.

    • 오오 답변 정말 감사합니다!
      그럼 일단 이모티콘들을 한 게시물에 다 포스팅 해야 되는거죠?ㅎㅎ

    • 네. 맞습니다^^ 여기있는 이미지 복사해서 사용해도 되지만 게시글이 삭제될 시 영향이 있으므로 직접 이미지 게시글 작성해놓고 사용하시면 편해요~

    • 정말 꿀팁인 거 같습니다! 넘넘 고마워요ㅎ 즐거운 저녁시간 되세요 :D

    • 네 감사합니다ㅎ


맨 위로