본문 바로가기

티스토리컴파스14

크리스마스 느낌 살린 티스토리 소제목 디자인 공유 안녕하세요 다음주에 크리스마스가 다가오는데요. 12월 키워드라고 할수 있는 크리스마스 ! 크리스마스에 대한 글들이 많이 보이고 있는데요. 이번에는 크리스마스 분위기를 낼수 있는 소제목 디자인을 만들어 보았습니다. 잘 활용하시고, 즐거운 크리스마스 보내시길 바랍니다.   🎄 서식 활용하는법 보러가기 🎅 🎄 메리 크리스마스  🎄 메리 크리스마스 ⛄ Winter Special ⛄ Winter Special   🎅 Holiday Special 🎅 Holiday Special  🎄 메리 크리스마스🎄 메리 크리스마스   🎄 메리 크리스마스🎄 메리 크리스마스  🎅 Holiday Special🎅 Holiday Special  🎄 Christmas Day🎄 Christmas Da.. 2024. 12. 22.
티스토리 꾸미기 다양한 그라데이션 색상 조합으로 박스 디자인 공유 박스디자인 설명◾3가지 색상이 자연스럽게 섞이는 그라데이션 효과◾내용물은 반투명 흰색 배경으로 가독성 확보 테마에 맞는 이모지로 포인트◾부드러운 모서리 처리로 세련된 느낌.박스디자인을 사용하는 이유안녕하세요 티스토리 블로그 박스 디자인을 설정하는법이 궁금 하시면 아래의 링크를 통해 사용법을 숙지 후에 적용하시길 바랍니다. 박스 디자인을 사용하게 되면 글의 가독성 뿐만 아니라 티스토리 블로그 글을 적으면 전체적으로 글이 디자인 되면서 보기 좋은글을 만들수 있습니다. 해당 코드를 이용해서 깔끔한 글 작성하는데 도움이 되었으면 합니다.  🌊 안내사항여기에 내용을 입력하세요.🌊 안내사항여기에 내용을 입력하세요. 🌅 안내사항여기에 내용을 입력하세요. 🌅 안내사항 여기에 내용을 입력하세요. .. 2024. 12. 14.
티스토리 꾸미기 쉐도우 효과가 있는 모던한 박스 스타일 안녕하세요 티스토리 글을 작성하실때 꾸미는데 도움을 줄수 있는 정보를 공유 하고 있습니다. 티스토리 글을 작성 할때 소제목, 글상자 박스디자인 예제를 이용하여 가독성 있는 글을 작성하는데 도움을 줄수 있습니다. 많이 사용하는 인용구 소제목 링크버튼의 디자인을 많이 공유 하겠습니다. 서식을 통한 적용법은 이전 포스팅을 참고 하시길 바랍니다.  알림 박스 디자인 서식 활용하기   ✨ 티스토리 박스디자인 사용시 좋은점티스토리 블로그에서 박스디자인을 활용하면 다음과 같은 장점들이 있어요.가독성 향상중요한 내용을 시각적으로 구분해서 독자들의 이해도를 높일 수 있어요 복잡한 정보를 체계적으로 정리할 수 있어 글의 흐름을 파악하기 쉬워져요1 콘텐츠 차별화단순한 텍스트보다 박스디자인을 활용하면 전문성이 더욱 돋보여요 .. 2024. 12. 13.
티스토리 꾸미기 알림 박스 디자인 서식 활용하기 알림티스토리 꾸미기 알림 박스를 만드는 코드를 공유 합니다. 퍼가실때 ❤표시 눌러주시면 감사하겠습니다 티스토리 인용구 큰다움표 닫기  박스 디자인을 사용하면 좋은 이유 시선 집중 효과박스 안에 들어간 내용은 자연스럽게 시선이 가게 되어 있어요 특히 빨간색이나 노란색 같은 눈에 띄는 색상의 박스는 주의해야 할 내용을 강조하기 좋아요정보 구조화복잡한 투자 정보를 카테고리별로 나눠서 정리할 수 있어요 예를 들어 "투자 팁", "주의사항", "전문가 의견" 등을 각각 다른 스타일의 박스로 구분하면 좋죠 전문성 향상깔끔하게 정리된 박스디자인은 블로그의 전문성을 높여줘요박스 디자인 적용 방법 ( 서식 활용하기)    알림박스디자인 예시 입니다 해당 박스를 만들기 위함이고, 가독성을 높여주며, 독자들에게 관심을 유발.. 2024. 12. 12.
티스토리 인용구 큰다옴표 닫기 코드 추가 CSS 활용 반짝이는 링크버튼 만들기 바로가기 티스토리 블로그 글을 작성하다보면 인용구를 사용할때가 있습니다. 티스토리 인용구 " 를 사용했을때 큰다옴표 닫기가 적용 안된것을 볼수 있습니다.  생각보다 코드만 변경해면 간단하게 해결 가능합니다.코드를 수정해서 닫기 큰다옴표 있는 인용구를 사용하시길 바랍니다.티스토리 인용구 " 큰다옴표 닫기 추가하기 적용 방법은 아래의 CSS 코드를 복사하여 티스토리 블로그 설정 >스킨 편집 > html 편집 > CSS 에 제일 밑에 복사해서 붙여 넣고 적용하시면 됩니다. /* 인용구 닫기 따옴표 추가 */ #tt-body-page blockquote[data-ke-style='style1']::after { content: ''; display: block; backgro.. 2024. 12. 11.
티스토리 반짝이는 링크버튼 만들기 서식 및 CSS코드 HTML 서식 활용 💡블로그에 생기를 불어넣고 싶으신가요? 단순한 텍스트 링크를 넘어, 독자의 시선을 사로잡는 반짝이는 링크를 만들어 보세요! 티스토리에서 HTML 코드를 활용하여 다양한 효과를 줄 수 있는 링크를 만드는 방법을 알려드립니다. 💡 "이 링크를 클릭하면 무슨 일이 일어날까?" 라는 궁금증을 유발하여 독자의 클릭을 유도하고, 더욱 흥미로운 콘텐츠로 이끌 수 있습니다. 이 글에서는 다양한 예시 코드와 함께, 티스토리에서 반짝이는 링크를 만드는 방법을 단계별로 설명해 드립니다.초보자도 쉽게 따라 할 수 있도록 자세한 설명과 함께, 다양한 디자인 팁을 제공합니다. 지금 바로 시작하여, 여러분의 티스토리 블로그를 더욱 매력적으로 만들어 보세요!  반짝이는 링크버튼 만드는법티스토리를 운영하다보면 링크버튼을 많이 사용.. 2024. 12. 11.
티스토리 소제목 꾸미기 서식 활용 다양한 예시 자료 공유 티스토리 소제목 꾸미기 방법 소제목의 중요성소제목은 블로그 글의 가독성과 전달력을 크게 개선하는 것을 상기시키는 역할을 합니다. 글의 구조를 구축하고 구성원들의 집중을 집중시킬 수 있습니다. 검색 엔진 최적화(SEO) 효과소제목은 검색 엔진이 콘텐츠의 구조와 중요도를 파악하는 데 도움을 주도록 합니다. 적절한 키워드를 포함하는 소제목을 사용하면 검색 엔진 최적화에 긍정적인 영향을 미칠 수 있습니다.      테두리형 소제목소제목  소제목소제목  소제목소제목  소제목소제목   소제목소제목    다양한 소제목 꾸미기 스타일 예제를 알아보았습니다. 소제목의 스타일을 변경해서 이쁜 블로그 꾸미세요.   티스토리 꾸미기 소제목 스타일 서식 활용하기 그라데이션 색상서식을 이용한 소제목 꾸미기 하는법 바로가기   다.. 2024. 12. 8.
티스토리 소제목 꾸미기 그라데이션 적용 박스 예제 HTML 서식 티스토리에서 소제목 서식으로 활용하면 블로그글의 가독성을 높일수 있습니다. 소제목 꾸미기는 방법은 두가지 방법이 있는데 서식을 활용한 방법이 편하고 사용하기 좋습니다. 여러 예시를 서식에 넣어두고 가독성 있는 글을 만드시길 바랍니다.티스토리 소제목 꾸미는법 적용방법은? (참고) 티스토리 소제목 꾸미는법 서식 활용하기티스토리 소제목 꾸미는 이유? 티스토리 블로그에서 소제목의 중요성을 간과해서는 안 됩니다. 소제목은 단순한 문장이 아니라, 글의 핵심 내용을 명확히 보여주고 독자의 몰입도를 높이는 중poui704.tistory.com  그라데이션 소제목 스타일 예시 노란색 그라데이션 제목    파란색 그라데이션 제목   초록색 그라데이션제목  핑크색 그라데이션핑크색 그라데이션 회색그라데이션회색그라데이션  태그.. 2024. 12. 7.
티스토리 꾸미기 소제목 스타일 서식 활용하기 그라데이션 색상 서식을 이용한 소제목 꾸미기 하는법 바로가기   다양한 코드를 활용해서 서식 스타일을 만들고 소제목을 꾸미면 글의 가독성을 높일수 있습니다.서식을 이용하는 방법은 쉽게 할수 있으니 코드를 복사하셔서 서식을 이용해서 소제목을 이쁘게 꾸미시길 바랍니다.    소제목 스타일 소제목 스타일    소제목 스타일 소제목 스타일  소제목 스타일 소제목 스타일  소제목 스타일소제목 스타일  소제목 스타일소제목 스타일 소제목으로 많이 사용하는 예시의 스타일 입니다. 색상은 그라데이션 색상으로 변경해 보았습니다. 복사하셔서 서식으로 활용하시길 바랍니다. 2024. 12. 7.
티스토리 소제목 꾸미는법 서식 활용하기 티스토리 소제목 꾸미는 이유? 티스토리 블로그에서 소제목의 중요성을 간과해서는 안 됩니다. 소제목은 단순한 문장이 아니라, 글의 핵심 내용을 명확히 보여주고 독자의 몰입도를 높이는 중요한 요소에요소제목이 왜 중요할까요?글의 구조를 명확하고, 가독성을 높이는 역활을 해요. 소제목은 마치 글의 지도와 같아서, 독자들이 전체적인 내용을 파악하고 원하는 정보를 쉽게 찾을 수 있도록 돕습니다.검색 엔진 최적화(SEO)에 효과적입니다. 소제목에 키워드를 포함하면 검색 엔진이 해당 글의 주제를 더 정확하게 파악하고, 검색 결과 상위에 노출될 가능성이 높아집니다.독자의 체류 시간을 늘립니다. 잘 구성된 소제목은 독자들의 흥미를 유발하고, 글에 대한 집중도를 높여 더 오래 머물도록 유도합니다.소제목을 효과적으로 활용하려.. 2024. 12. 6.
모바일 캡컷 영상에 왼쪽 상단 워터마크 제거법 SNS를 하면 영상편집을 많이 하는데, 그중에서 현재 제일 사람들에게 인기 있고 대중화 된 영상 편집기가 캡컷인데요. 유투브에 편집하는 법 크레이터들 영상들도 많이 올라와 있어서 대중들이 쉽게 따라하고 연습하고 했는데, 어느정도 스킬이 올라왔다고 생각 되는데요. 오늘 오랜만에 영상을 만드려고 모바일 버전을 실행하고 컷 사진을 넣는 순간 영상 상단에 워터마크가 생겼던데.. 여러분 다들 보셨나요? 아무리 지우려고 해도 지워지지 않아요. 아마 유료버전을 사용해야 지워 지는듯 하네요 캡컷 홈페이지를 들어가보고, SNS 네이버 티스토리 다 검색 해봤는데 유료화 된다는 말은 아직 없네요. 그래서 집에와서 모바일 버전이랑 PC버전 다 사용해보았는데요. 일단 모바일 버전에는 워터마크가 표시되고 PC버전은 업데이트를.. 2024. 12. 2.
태그 티스토리 구분선 스타일링 CSS 점선구분선 그라데이션 구분선 블로그 글을 작성할때 구분선 많이 사용하는데 구분선 스타일링 하는법을 공유 해요. 저도 독학으로 여러 블로그 돌아다니면서 찾아보고, 물어도 보고 해서 테스트도 해보고 쉽게 사용 가능 하려면 어떻게 해야되는지 차근 차근 알아가는중이니 미흡하더라도 한번 따라하시고 잘 사용하길 바랍니다.CCS를 통해서 하는 방법 공유 할께요 hr 태그 티스토리 구분선 스타일링 CSS  차근차근 따라오시면 됩니다 관리를 눌러서 스킨편집에 들어갑니다HTML편집 버튼을 누르고 CSS에 들어갑니다. 컨트롤 +F 키를 눌러서 hr 를 검색합니다. 그럼 Style1~Style7번까지 있습니다. hr문구가 구분선입니다.저는 5번과 6번을 주로 사용하기 때문에 5번 6번을 변경합니다. 기존에 있던 태그와 아래에 있는 태그를 복사하여 바꿔줍.. 2024. 11. 27.
블로그 티스토리 글쓰기 탄축키 총정리 : 빠르게 포스팅 하기 안녕하세요! 오늘은 티스토리 블로그에서 글을 작성할 때 유용한 단축키들을 소개해 드리려고 해요. 블로그를 운영하다 보면 글을 빠르고 효율적으로 작성하는 것이 중요하잖아요? 매번 마우스로 일일이 클릭하지 않고 단축키를 활용하면 글쓰기 시간을 단축할 수 있고, 더 편리하게 작업할 수 있답니다. 그래서 이번 포스팅에서는 티스토리 글쓰기에서 자주 사용하는 단축키들을 정리해 보았어요. 이 단축키들을 익혀두면 블로그 포스팅이 훨씬 더 수월해질 거예요! 티스토리 블로그 글쓰기 단축키  글자 스타일 관련 단축키 티스토리에서 글을 작성할 때, 텍스트의 스타일을 변경하는 단축키는 매우 유용해요. 한 번 익혀두면 마우스를 사용할 필요 없이 빠르게 글자 스타일을 바꿀 수 있답니다. 굵게: Ctrl + B굵은 글씨를 사용하고 .. 2024. 11. 20.
블로그 글씨체 폰트 변경하기 쉽게 따라하기 티스토리 안녕하세요 티스토리 블로그를 운영하다보면 제목, 본문 글씨체가 다른 블로그를 볼수 있는데요. 티스토리 블로그 글씨체 변경은 아주 쉽게 변경 가능 하니 천천히 따라해서 변경 해보시면 더욱 만족 스러운 블로그를 만들수 있을꺼에요. 티스토리 블로그 글씨체 폰트 변경하는법에 대해서 알려드리겠습니다.  티스토리 글씨체 (폰트) 변경하기 티스토리 블로그 글을 작성하고 작성한 게시물이 볼때 이쁜 글씨체로 되어 있으면 작성한 글들이 더욱더 이뻐 보이고, 필자 같은 경우 더욱더 포스팅을 하기 재미있어지는데, 블로그 글씨체를 변경하면 가독성이 좋아지는 장점도 있습니다. 무료 폰트 사이트 이용하기 대표적으로 눈누라는 사이트를 자주 이용합니다.  아래의 링크를 클릭해서 해당 사이트에 들어갑니다. 무료 폰트 사이드 바로가기 눈.. 2024. 11. 16.

티스토리툴바