티스토리 블로그 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

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

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

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 5. 8.
• 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

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

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

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

티스토리 CSS관련 : 북클럽 스킨에서 사이드바 고정방법

북클럽 스킨에서 사이드바 고정방법 티스토리에서 애드센스라는 수익형 블로그를 운영함에 있어서 가장 중요한건 광고가 눈에 잘 띄어야 한다는 점입니다. 티스토리 블로그는 무료로 HTML기반의 설치형 블로그이기 때문에 무료 스킨을 통해 쉽게 설치할 수 있다는 장점이 있지만 HTML과 CSS를 잘 모른다면 그 이상은 활용하기 어렵다는 단점이 있습니다. 사이드바를 고정시키는 이유는 스크롤을 내리더라도 사이드에 있는 광고가 계속 따라오게 하여 체류시간과 광고클릭율을 높이기 위한 방법입니다. 1) 북클럽 스킨에서 사이드바 고정방법 티스토리 블로그 관리자 메뉴에서 스킨편집으로 들어간후 html편집 > CSS로 이동하여 코드를 추가 후 저정해 주는 것으로 간단하게 사이드바를 고정할 수 있습니다. 이 CSS코드를 적당한 위..

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