class="layout-aside-left paging-number">
본문 바로가기
블로그 수익화

티스토리 썸네일 제작 및 적용방법

by 용마 2024. 1. 11.

목차

    반응형

    1. 티스토리 썸네일 제작

       -. 미리 캔버스에 접촉합니다. 

         -> 미리 캔버스 : https://www.miricanvas.com/

     

    디자인 플랫폼 미리캔버스

    디자인 작업이 필요한가요? 5만개 이상의 무료 템플릿으로 간편하고 편하게 원하는 디자인을 만들 수 있어요.

    www.miricanvas.com

      - 디자인 만들기 선택합니다.

     

      - 웹 배너를 입력 후 원하는 템플릿을 선택하여 수정해줍니다.

     

     

    - 다운로드 선택 후, JPG 파일로 저장합니다.

     

     

     

    2. 티스토리 썸네일 적용

       - 공개 발행 시에 대표 이미지를 업로드 합니다.

     -. 삽입된 그림 중에 마음에 드는 그림을 선택 후, 대표를 선택하셔도 됩니다.

    반응형

    // 코드복사 버튼 $(document).ready(function(){ $('pre[id^="code"]').each(function(index,e){ let button=document.createElement('button'); button.innerText="Copy"; button.className='copy-button'; button.style.cursor='pointer'; button.setAttribute('data-clipboard-text',e.innerText); button.addEventListener('mouseleave',function(event){ event.currentTarget.setAttribute('class','copy-button'); event.currentTarget.removeAttribute('copy-message'); }); e.appendChild(button); }); var clipboard=new ClipboardJS('.copy-button'); clipboard.on('success',function(e){ e.clearSelection(); e.trigger.setAttribute('class','copy-button copy-message'); e.trigger.setAttribute('copy-message','복사완료!'); }); }); // 코드복사 버튼