안녕하세요 cocoder 입니다 오늘은 동영상으로 블로그 배너를 꾸미는 방법에 대해서 소개를 해볼까 합니다. 우선 배너로 사용할 동영상을 하나 만들어야겠죠? https://imgur.com/ Imgur: The magic of the Internet Imgur is the easiest way to discover and enjoy the magic of the Internet. It’s where you’ll find the funniest, most informative and inspiring images, memes, GIFs, and visual stories served up in an endless stream of bite-sized fun. Powered by a passion imgur..

안녕하세요 cocoder 입니다. 이번 포스팅은 누르고 싶은 구독버튼 만들기 포스팅을 해보려고 합니다. 이번 작업은 난이도가 좀 있는 작업이 될 것 같습니다. (잘 안되시면 댓글로 문의주시면 답변드릴게요 ^^) 먼저 시연영상 보여드릴게요! 스크롤의 진행도가 80~95% 일때(게시글을 거의 다 읽었을 때) 구독버튼이 나오게 설정했고 댓글달때 지장없도록 95%이상이 되면 다시 들어가게 설정을했습니다. 이미지 파일도 공유드릴게요 원하시는 사진파일이 있으시면 사용하셔도 됩니다. 가로와 세로길이가 같은 이미지(정사각형 이미지)로 하시는걸 추천드립니다. 일단 시작전에! 확인해주셔야하는 부분이 있습니다. 블로그 id를 확인해야합니다. 방법을 알려드릴게요! 일단 티스토리 관리 페이지로 넘어가서 '꾸미기 > 메뉴바/구독..

안녕하세요! cocoder 입니다. 이번포스팅은 상단배너에 움직이는 귀여운 텍스트 효과를 추가하는 방법을 포스팅 해보려고 합니다. 우선 티스토리 관리페이지로 이동합니다. '꾸미기 > 스킨편집' 으로 새 창을 띄웁니다. 오른쪽 상단에 'html 편집' 버튼을 클릭합니다. css 코드입니다. 이 코드는 태그 바로 위쪽에 붙여넣기합니다.요렇게 붙여넣기를 했습니다. 아래의 코드는 태그 바로 아래에 붙여넣기 하겠습니다. c o c o d e r ! ​일단 붙여넣기 하기전에 텍스트를 수정을해야겠죠? 이 안에있는 텍스트를 원하시는 텍스트로 수정합니다. 태그의 갯수를 줄이는건 상관이 없는데 갯수가 8개를 넘지 않도록 해주세요. 글자수가 많을 경우에는 이렇게 사용하셔도 됩니다. co co der b l o..

안녕하세요! cocoder 입니다. 이번 포스팅은 블로그의 내용을 드래그를 허용하는 경우에 드래그한 텍스트의 색깔을 변경하는 방법을 알려드릴게요. 요게 보통 일반적인 텍스트 드래그 했을경우의 색깔이죠. 요런식으로 블랙핑크로 바꿀수도 있습니다. 코드는 이렇습니다. 색상코드는 원하시는거로 변경하시면 됩니다. 색상을 추천해주는 사이트 입니다. https://2colors.colorion.co/ Two Color Combinations Two color combination palettes 2colors.colorion.co 우선 티스토리 관리페이지로 이동합니다. '꾸미기 > 스킨편집' 으로 새 창을 띄웁니다. 오른쪽 상단에 'html 편집' 버튼을 클릭합니다. 태그위에 이 코드를 붙여넣을거에요. 요런식으로 넣..

안녕하세요! cocoder 입니다. 이번포스팅은 스크롤바를 커스텀 하는 방법을 포스팅 해보려고 합니다. 저는 요런 모습으로 커스텀을 해봤습니다. css를 사용해서 스크롤바의 색깔을 바꾸고 둥굴둥굴한 스크롤바를 만들어볼게요! 우선 티스토리 관리페이지로 이동합니다. '꾸미기 > 스킨편집' 으로 새 창을 띄웁니다. 오른쪽 상단에 'html 편집' 버튼을 클릭합니다. 태그가 보이시나요? 이 위쪽에 어떤 코드를 넣을거에요. 요 코드를 아까 태그의 위에 그대로 복사 붙여넣기 하시면 됩니다. 스크롤바 두께를 조정하고 싶다면! ::-webkit-scrollbar { width: 12px; /* 스크롤바의 너비(두께) */ } 이 부분의 숫자를 올리거나 내리시면됩니다. 움직이는 스크롤바 부분의 색깔을 바꾸고 싶다면! :..

안녕하세요 cocoder 입니다. 이번엔 bootstrap 이라는 라이브러리를 사용하여서 움직이는 이미지 슬라이더 배너를 만들어보겠습니다. 시작전에 최소 2장의 사진을 준비해주세요. 티스토리 관리페이지 '꾸미기 > 스킨편집' 후에 html 편집 버튼을 클릭합니다. 태그 바로위에 아래의 코드를 붙여넣기 합니다. 무료 이미지 호스팅 사이트를 이용하여 이미지를 업로드 합니다. 무료 이미지 호스팅 사이트 하나를 알려드릴게요. https://postimages.org/ Postimages — 무료 이미지 호스팅 / 이미지 업로드 사이트 무료 이미지 업로드 및 포럼에 대한 호스팅 통합을 제공합니다. 무료 사진호스팅 및 사진은 웹 사이트와 블로그에 대한 공유. postimages.org 이미지를 업로드 하고 직접링크..