반응형 티스토리 정보10 티스토리 블로그 포스팅 링크 버튼 만들기 다른사람들의 블로그에 있는 바로가기 링크 버튼을 보신 적이 있나요? 이 링크 버튼은 방문자가 클릭하여 다른 글이나 외부 사이트로 쉽게 이동할 수 있도록 해줍니다. 이 글에서는 티스토리 블로그에서 링크 버튼을 만드는 방법을 알려드리겠습니다. 000 전 후 링크 버튼 만들기 전vs.링크 버튼 만든 후 버튼 디자인 사이트 추천 사이트에 바로가기 버튼 꾸미기 1️⃣ 위 웹사이트로 이동 왼쪽에서 내가 원하는 버튼 디자인 선택오른쪽에서 텍스트 및 사이즈, 경계 등 취향에 맞게 디자인을 변경변경을 완료한 후에 가운데에 있는 Get Code를 클릭해서 버튼의 코드 생성 2️⃣ 코드 복사 생성된 코드 위는 html 코드, 아래는 css 코드입니다. 티스토리에 버튼 적용 1️⃣ 블로그 관리 > 꾸미기 > 스킨 편집.. 2024. 11. 29. 티스토리 서식 사용 방법 적용하기 티스토리 블로그 운영시 각 블로그마다 자주 쓰게 되는 문구나 레이아웃이 있텐데, 오늘 이 글에서는 그러한 본인만의 서식을 미리 설정하는 방법을 알려드리고자 합니다. 저만 따라오세요~ 서식 만드는 방법 1️⃣ 블로그 관리 > 콘텐츠 > 서식 관리 클릭 2️⃣ 서식 쓰기 클릭 3️⃣ 원하는 서식 제목 및 내용 작성 서식 적용 방법 1️⃣ 글쓰기 > 우측 상단 점 세개 > 서식 클릭 2️⃣ 적용하고 싶은 서식 클릭 결과물쨘~ 이렇게하면 서식 생성 및 적용할 수 있습니다 :)u { text-decoration:none; border-radius: 30px; font-weight: normal; color: #000; background: linear-gradient(to top, #f.. 2024. 11. 28. 티스토리 블로그 이름 옆 아이콘 (파비콘) 적용하는 방법 나의 티스토리 블로그를 좀 더 사람들에게 각인시키고 싶으신 분 계시나요? 그렇다면 파비콘을 설정하시는 걸 추천하면서 적용 방법을 알아보도록 하겠습니다. 파비콘이란? 파비콘(Favicon)dms "favorites icon"의 줄임말로, 웹사이트를 대표하는 작은 아이콘입니다. 주로 브라우저의 탭에 표시되기 때문에 사이트를 쉽게 인식할 수 있는 네임택같은 역할을 합니다. .ico 파일 전환 사이트 추천 1️⃣ 만들어 놓은 파비콘 디자인을 준비 (되도록이면 png파일로 준비)2️⃣ ico파일로 전환 후 저장 ico 파일 전환 사이트에 바로가기 클릭 Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly genera.. 2024. 11. 23. 티스토리 블로그 포스팅 제목 배경 흐리게 블러처리하기 티스토리 블로그에 글을 올릴 때, 포스팅 제목 배경 사진에 제목이 잘 안 보이는 것이 거슬리셨나요? 그렇다면 잘 찾아오셨습니다. 아주 간단한 방법으로 포스팅 제목 배경을 흐리게 만들 수 있는 방법을 알아보겠습니다. 이 방법을 통해 제목을 더 잘 보이게 해서 블로그의 디자인을 개선할 수 있길 바랍니다. 저만 따라오세요~! 1️⃣ 관리 > 꾸미기 > 스킨 편집 클릭 2️⃣ html 편집 클릭 3️⃣ css > ctrl+f 로 cover:before 검색해서 .post-cover:before 찾기 4️⃣ 맨 아래 줄에 한 줄 추가하기backdrop-filter: blur(원하는 숫자px); 원하는 숫자 px라는 것은 px 사이즈를 말합니다. px 숫자가 높아질수록 더 짙게 블러처리가 됩니다. 저는 3p.. 2024. 9. 9. 티스토리 글 밑줄 형광펜 효과 생성 티스토리 포스팅 글에 특별한 형광펜 효과를 주고 싶으신가요? 그렇다면 제가 간단하게 알려드리겠습니다! 천천히 잘 따라오세요~ 전/후 저는 밑줄과 취소선을 형광펜으로 커스터마이즈 해봤습니다. 밑줄 형광펜 효과를 적용할 속성 찾는 방법 일단, 밑줄을 칠 문장 혹은 단어의 속성을 찾아야합니다. 저는 예시로 '비공개' 이 문장에 형광펜을 칠하고자 합니다. 1️⃣ 개발자 도구 열어서 문구 찾기 1️⃣-1️⃣ 개발자 도구 여는 방법윈도우: F12 / 맥: command(⌘) + option(⌥) + i 1️⃣-2️⃣ 문장 찾기 ctrl + f 또는 command(⌘) + f 로 '비공개' 찾기 혹은, 위 사진 동그라미 친 부분(마우스)을 클릭하고 문장 클릭하면 개발자 도구에 뜹니다. 개발자 도구에 뜨는 걸 보.. 2024. 9. 6. 티스토리 인용구 꾸미기 인용구 속성코드 찾기 아래 포스팅에서 적어놓았습니다. 먼저 보고 오시는 걸 추천합니다. 인용구 속성 코드 찾는 방법 블로그 인용구 왼쪽 바 색상 변경 border-color를 원하는 색상으로 설정 블로그 인용구 글자 색상 변경 color를 원하는 색상으로 설정 블로그 인용구 글자 사이즈 변경 font-size를 원하는 사이즈로 설정 인용구 padding 변경 padding을 원하는 사이즈로 설정 인용구 왼쪽 바 두께 변경 border-width를 원하는 두께로 설정 인용구 밑줄 삽입 및 색/두께 변경 border-bottom을 원하는 두께로 설정 border-bottom 숫자는 밑줄 두께를, solid 옆에 숫자는 색상을 나타냅니다. 인용구 바 padding 간격 변경 padding을 원.. 2024. 9. 6. 이전 1 2 다음 반응형
