티스토리 블로그 CSS : 리스트 줄 간격, 글자 크기 변경(북클럽스킨)

▶ Contents 티스토리 블로그 CSS : 리스트 줄 간격, 글자크기 변경(북클럽스킨)티스토리 블로그를 운영하다보면 리스트라는 기능을 종종 사용합니다.하지만 본문의 글과 다르게 리스트 기능을 사용하면 준간격이 붙어서 보기가 좋지 않습니다.임의로 티스토리 리스트 줄간격 및 글자크기를 북클럽스킨 기준으로 알아볼게요   티스토리 CSS수정으로 리스트 줄간격, 글자크기 변경아래의 순서대로 메뉴를 이동합니다.[꾸미기] → [스킨 편집] → [CSS] 순으로 이동합니다.여기서 찾아야 할 내용은 'entry-content ul li'을 찾아야 합니다.ctrl+F를 눌러서 'entry-content ul li' 검색한후  'font-size'와 'line-height'의 수치를 변경하시면 됩니다.위의 이미지를 보시..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 6. 20.
• textsms

티스토리 블로그 복사 붙여넣기 할때 코드 안깨지게 하는 방법

▶ Contents 티스토리 블로그 복사 붙여넣기 할때 코드 안깨지게 하는 방법 요즘 챗GPT로 포스팅을 하시거나 다른 홈페이지 등에서 장문의 글을 복사해서 붙여넣기를 하고 싶은데 티스토리에 복사해서 붙여넣기만 하면 이상한 문자들이 들어가서 포기를 하는 경우가 있다고 생각합니다. 근거는 저입니다.... 복사해서 붙여넣기를 했는데 글 사이에 ' '라는 코드가 띄워쓰기마다 붙어있고 수정하려고 할때 곤란한 경우가 있습니다. 그래서 이러한 문제를 해결하기 위해서 찾아본 내용이 Romove Line Break를 사용하면 되는걸 확인했습니다. 비록 영어로 되어 있지만, 크롬에 한글로 번역기능을 사용하면 그다지 어렵지 않게 사용이 가능합니다. 아래의 링크를 즐겨찾기 해두시면 포스팅할때 도움이 되실겁니다~ 티스토리 복..

• format_list_bulleted 티스토리 블로그 관련
• · 2023. 5. 23.
• textsms

티스토리 HTML : 블로그 목차 쉽게 넣는방법

티스토리 HTML : 블로그 목차 쉽게 넣는방법 티스토리 블로그를 돌아다니다 보면 목차가 있는 글을 요즘에는 많이 볼 수 있습니다. 이유는 블로그를 방문한 사람들이 블로그의 내용을 보기 쉽게 하고자 목차를 만들고 있지만, 정작 중요한 이유는 구글 seo를 위해서 더 좋은 점수를 얻기 위해 목차를 만들기도 합니다. 목차는 매번 수동으로도 만들 수 있지만 자주 포스팅을 할때면 과정이 귀찮아 질 수 있습니다. 그래서 자동으로 목차를 쉽게 넣을 수 있게 해두면 구글 seo 점수 및 방문객을 위해서 여로모로 좋습니다. 일단 목차를 만들어 두면 장문의 글이라도 한눈에 내용을 어느정도 파악할 수 있으니 가독성도 좋아집니다. 일단 글이 길면 대충대충 글을 내려서 읽다가 나가버리는 경우가 많다고 합니다. 티스토리 블로그..

• format_list_bulleted 티스토리 블로그 관련/HTML관련
• · 2023. 5. 18.
• textsms

티스토리 블로그 CSS : 본문 글자 크기 변경하는 방법(추가로 색상, 줄간격)

티스토리 블로그 CSS : 본문 글자 크기 변경하는 방법(추가 색상,줄간격) 티스토리 블로그 북스킨 기준으로 블로그를 운영하다보면, 글씨크기가 작아서 가독성이 떨어질 경우가 있습니다. 글씨 크기만 조금 더 키운다면 가독성도 높이고 보기가 좋을 수 있어서 티스토리 블로그에서 본문의 글자 크기를 수정해서 운영하는 방법이 있어서 정리를 해봅니다. 티스토리 본문 글자크기 및 색상 변경하는 방법 꾸미기 > 스킨편집 > html편집 > CSS탭으로 이동합니다. 위와 같이 .entry-content p를 검색해서 찾습니다. ● 글자크기(font-size) : 티스토리 블로그 본문 글자크기를 변경은 font-size의 값을 수정하면 됩니다. 전 1.3em이 보기 좋은거같아 적용했지만, 개개인마다 보는 시점이 다르기 때..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 5. 8.
• textsms

티스토리 블로그 HTML : 공감유도 메시지 적용하기

티스토리 블로그 HTML : 공감유도 메시지 적용하기 티스토리 블로그 북클럽 스킨 기준으로 공감버튼은 하트모양으로 표현이 되어 있습니다. 유튜브에서 말하는 구독, 알림설정 해주세요~~ 하는 식으로 티스토리 블로그에도 공감버튼이 있습니다. 공감이 많으면 그만큼 많은 사람들이 보았고, 도움이 되는 증거가 될수 있기 때문에 어떤이는 공감, 구독버튼을 사용하고, 수익성만을 목적으로 두시는 분들중에서는 보이지 않게 해서 사용을 안하시는 경우도 있습니다. 만약, 사용을 한다면 좀더 효과를 극대화 하기 위해서 강조를 해보는건 어떨까요? 소스는 아래의 링크에 공유해둘테니 필요하시면 사용하세요~ 공감 유도문구 만들기 꾸미기 > 스킨편집 > HTML편집 > HTML탭으로 이동합니다. 저는 제일 하단부에 HTML 코드를 넣..

• format_list_bulleted 티스토리 블로그 관련/HTML관련
• · 2023. 5. 3.
• textsms

티스토리 블로그 CSS : 메뉴바와 구독버튼(위치변경, 숨기기) 조절하기

티스토리 블로그 CSS : 메뉴바와 구독버튼(위치변경, 숨기기) 조절하기 티스토리 블로그에는 두가지의 구독버튼이 있습니다. 첫번재는 본문 글 하단 왼쪽부분에 하타 모양 옆에 위치하고, 로그인이 되어 있는 상태에서는 보이지 않고, 미 로그인시에만 보여집니다 두번째는 티스토리 블로그의 레이아웃 상에 보여지고, 구독버튼과 메뉴바 버튼이 둘다 위치해 있습니다. 왼쪽이 구독하기이고, 오른쪽 "T"버튼이 메뉴바 버튼입니다. 보통 애드샌스 하단부 광고와 위로가기 css때문에 잘 안보이는 경우가 있습니다. 하단부 애드샌스 광고를 숨기면 정상적으로 구독버튼과 공감버튼이 나옵니다. 이러한 점을 수정하면 좀더 보기 좋은 티스토리 블로그가 되지 않을까요??? 아래의 전체적인 css코드 소스를 정리해서 텍스트화일로 올려두니 참..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 5. 3.
• textsms

티스토리 블로그 CSS : CSS 버튼 만들기(애드센스 수익율 향상)

티스토리 블로그 CSS : CSS 버튼 만들기(애드센스 수익율 향상) 애드센스 광고는 본문에 자동 또는 수동으로 삽입되는 방법 말고도 이피드, 사이드 광고, 일치하는 컨텐츠 광고, 목록광고, 전면광고 등을 사용자가 원하는 형태로 운영할 수 있으므로 수익성이 서로 다릅니다. 하지만 무조건 광고를 클릭할 수 있도록 유도하는 방식으로 이동하기 단추를 만드는 방법이 있습니다. 전면광고는 현재 페이지에서 어떤 링크를 눌러 다른 페이지로 전환시 뜨게 됩니다. 다운 링크 버튼이나 다른 사이트로 넘어갈때 주로 나옵니다. 그래서 화면이 전환되기 전에 화면 전체 또는 중앙에 광고가 한눈에 보이기 때문에 클릭할 확률이 높아지게 됩니다. 보통은 블로그로 수익내기 등의 강좌를 보면 이미지로 많이 사용을 하는데, 인터넷이 느리거..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 4. 27.
• textsms

티스토리 블로그 HTML: 간단히 글 맨위 상단으로 가기 코드

티스토리 블로그 HTML: 간단히 글 맨위 상단으로 가기 코드 티스토리 블로그의 글을 읽다보면 장문의 글을 접하는 경우도 있고 장문의 글을 포스팅 하는 경우도 있습니다. 글을 읽는 사람은 아래로 갔다가 다시 위로 올라가려면 마우스의 휠을 위로 계속 올리거나 키보드의 Page UP키를 눌러서 다시 상단으로 가야하는 불편함이 있습니다. 그래서 티스토리 블로그 상단으로 쉽게 이동할 수 있도록 HTML을 편집하여 이용할 수 있는 방법이 있습니다. 티스토리 블로그에 위로 이동할 아이콘을 만들어 업로드 합니다. 티스토리 관리모드에서 꾸미기 > 스킨편집 > HTML 편집 > 파일업로드 탭으로 이동합니다. 여기에 위로가기 이미지를 지정해서 파일을 업로드 해주세요. 저는 위와 같은 이미지를 만들었습니다. 화살표 말고도 ..

• format_list_bulleted 티스토리 블로그 관련/HTML관련
• · 2023. 4. 26.
• textsms

티스토리 HTML: 소제목 꾸미기 소스 만들기와 사용방법

티스토리 HTML:소제목 꾸미기 소스와 사용방법 티스토리 블로그에 글을 작성할때 소제목 앞에 가독성을 높이기 위한 좌측바나 강조하는 제목을 쓸때 컬러박스를 사용합니다. 지금 제가 포스팅하고 있는 첫번째에 나와있는 티스토리 HTML:소제목 꾸미기 소스와 사용방법이라고 되어 있는 부분입니다. 쉽게 이해를 돕기 위해 아래의 이미지를 보시면 이해가 되실겁니다. 저는 파란색으로 지정을 했지만, 이걸 사용하시는 분들이라면 다른 원하는 색을 사용하셔도 됩니다. 이미지가 아닌 html코드를 사용한 것이라 서식으로 지정해두시고 사용하시면 됩니다. 지금부터 티스토리 블로그 소제목 꾸미기 만들기 소스와 사용방법에 대해서 알려드릴게요~ 티스토리 소제목 만들기 블로그 포스팅을 할때 주로 인용부호를 많이 사용합니다. 하지만 수정..

• format_list_bulleted 티스토리 블로그 관련/HTML관련
• · 2023. 4. 24.
• textsms

티스토리 CSS : 북클럽 스킨 블로그 줄간격 한번에 조정하기

북클럽 스킨 블로그 줄간격 한번에 조정하기 블로그에 글을 쓸때 북클럽 스킨의 기본값으로 줄간격이 좁아 가독성이 떨어지고 답답함을 느낌니다. 이에 줄간격을 임의로 띄우기 위해 한줄 쓰고 엔터를 두번 눌러주어야 하는 불편함이 생깁니다. 줄간격을 조절해주면 훨씬 읽기가 좋아서 가독성을 높여줄 수 있습니다. 줄간격 조정하기 첫번째! 먼저 관리자 모드에서 스킨편집으로 이동합니다. 스킨 편집 화면에서 HTML편집 > CSS을 클릭합니다. 여기서 줄간격을 조절해주는 북클럽 스킨의 코드는 '.entry-content p' 입니다. 쉽게 찾는 방법은 키보드 [Ctrl] + [F]를 누르시면 상단에 검색창이 나오는데 여기에 '.entry-content p'를 검색하시면 됩니다. 저의 북크럽 스킨에서는 1442번째 줄에서 ..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 4. 20.
• textsms