티스토리 뷰







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


http://dicepted.tistory.com/5

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


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





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


(어밴드)

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





댓글