반응형 진둥이의 꿀팁11 [티스토리 꿀팁] 형광펜 밑줄 효과로 글의 가독성 높이기 티스토리 본문 형광펜 밑줄효과 형광펜 밑줄효과 글의 가독성을 높여보기 티스토리에서 글자 밑줄을 넣으면 아주 얇은 검정색 밑줄만 들어가게 기본설정이 들어가있어요. 이걸 형광펜 효과를 줘서 좀 더 가독성을 높여볼게요. CSS 아래 코드 적용 블로그관리의 스킨편집 > HTML 편집 > CSS 에 들어가주세요. 맨 아래로 가서 아래와 같은 코드를 입력해주세요. 저는 코드만 입력하지는 않고, 어떤 효과인지 '무효화 태그'를 써서 알아보는 편이예요. /* 형광펜 밑줄 효과 시작 */ u { text-decoration: none; display: inline; box-shadow: inset 0 -7px 0 #F9F19D; color: #000000; } /* 형광펜 밑줄 효과 끝 */ ✅ 굵기, 색상 변경 방법 .. 2023. 2. 9. [티스토리 꿀팁] 무료글꼴(웹폰트) 변경 & HTML 컬러코드 찾아보기 폰트 변경 & HTML 컬러코드 티스토리 꾸미기 블로그 본문 가독성 높이기 2탄 티스토리 블로그꾸미기 제 3탄 ! 이번에는 서식을 한다해도 글꼴이나 컬러코드를 알고있어야 원하는대로 꾸밀 수가 있어요. 그래서 준비한 무료 폰트 사이트와 컬러코드를 확인하는 곳을 알려드리려고 합니다. 글꼴(폰트) 변경하기 1. 웹폰트 무료사이트 추천 (눈누) URL : 눈누 (noonnu.cc) 눈누 상업용 무료한글폰트 사이트 noonnu.cc 위 사이트에서 마음에 드는 폰트를 골라봅니다 저는 또박또박하고 동글한 글씨체를 좋아해서 '티웨이항공체' 를 선택했어요. 우측에 웹폰트로 사용 에서 복사아이콘을 클릭해주세요. 사용하시기 전에 해당 폰트가 상업적으로도 사용 가능한 폰트인지 라이선스 한번 더 확인해보세요. 2. 티스토리에 .. 2023. 2. 8. [티스토리 꿀팁] 본문&타이틀 간격 조정하여 가독성 높이기 (북클럽스킨) 티스토리 본문&타이틀 간격조정 본문 서식 수정 가독성을 높여보기 티스토리는 네이버블로그와의 다르게 HTML 형식으로 마음껏 변환이 가능해요. 하지만 어렵죠.. 맞아요. 저도 전문가가 아니기때문에 여러방면으로 소개해드리는 건 어렵지만, 가장 기본적으로 가독성을 높이기 위한 본문 타이틀(제목) 배치와 줄간격을 수정 꿀팁 알려드릴게요. 1. 타이틀 수정하기 타이틀 배경 간격 줄이기 블로그관리 → 꾸미기(스킨편집) → html편집 → CSS Ctrl+F 로 글자를 검색해주세요. "post-cover" (줄번호 1046번) 수정 : height : 340px; → 220px; ✅ 이렇게 하고 우측 상단에 적용버튼 클릭 ! - 페이지 들어가보면 뒷배경이 짧아졌어요. 근데 윗쪽으로 글자가 쏠려서 보기 안좋으니까, 여.. 2023. 2. 7. [티스토리 꿀팁] 파비콘 만들기&적용하기(무료 사이트) 티스토리 파비콘 만들기 파비콘 Favicon 나만의 홈페이지 표식 만들기 파비콘(Favicon)이란? "Favorite Icon" 의 줄임말로 즐겨찾기 아이콘이예요. 티스토리의 기본 파비콘은 아래 그림처럼 T 자 그림으로 표시되고 있어요. 요걸 이제 나만의 홈페이지 표식 느낌으로 파비콘으로 만드는 작업을 해볼거예요. 1. 파비콘 만들기 2. PNG → ICO 파일변환하기 3. 블로그에 파비콘 적용하기 1. 파비콘 만들기 파비콘은 직접 만들기도 가능하지만, 저는 손재주가 없어서 무료 아이콘 다운로드가 가능한 사이트를 이용했어요. ✅ 아이콘 무료다운로드 홈페이지 Vector Icons and Stickers - PNG, SVG, EPS, PSD and CSS (flaticon.com) Free Icons a.. 2023. 2. 6. [꿀팁] 썸네일 만들기 (블로그/유튜브) ; CANVA 무료 어플활용 블로그/유튜브 썸네일 만들기 캔바 CANVA 프리젠테이션 용으로도 추천 최근에 제 블로그 썸네일이 변경됐다는 거, 눈치 채셨나요? 좀 더 정갈해보이고 깔끔한 블로그를 위해서 '썸네일' 을 사용하게 되었는데요. 블로그나 유튜브에서 썸네일을 많이 사용하는데, 하나씩 만들기는 번거롭잖아요. 템플릿을 무료로 이용할 수 있는 어플이 있어서 소개해드리려고 해요. ✔ 저는 블로그에 맞게 정사각의 이미지가 필요하기 때문에 그에 맞춰 설명드릴게요 1. 어플 설치 ; '캔바 CANVA' 검색 어플을 설치하고 실행을 하게되면 로그인을 먼저 해야해요. (✔회원가입 필수) 안드로이드 사용하시는 분들은 구글로 바로 가입&로그인 가능하니까 좀 더 편리하게 이용하실 수 있을거예요. 2. 디자인 선택 메인에 원하는 디자인이 있으면 바.. 2022. 12. 16. 이전 1 2 다음 반응형
