본문 바로가기
반응형

전체 글74

티스토리 제목1 디자인 적용하기 (feat. CSS border-bottom, 티스토리 본문 글 제목1 영역 디자인 입히기. 블로그 글 작성시 SEO 도 중요하지만, 글의 가독성을 높이는 것도 매우 중요합니다. 티스토리는 HTML, CSS 편집이 가능한 글 작성 툴이므로 가독성을 높일 수 있는 타이틀 CSS 적용을 해보도록 하겠습니다. 왼쪽 이미지는 티스토리 블로그에 아무런 설정도 하지 않았을 때, 기본 제목 폰트를 적용한 이미지입니다. 이를 우측 이미지 처럼 제목을 명확히 구분할 수 있는 디자인을 입혀보도록 하겠습니다. 본문 제목1 영역 강조 표시 CSS 본문 제목1 영역 강조를 위해 스킨편집을 해보겠습니다. ① 티스토리 관리 > 꾸미기 > 스킨편집 > Html 편집 > CSS 선택 ② Ctrl+F 찾기로 entry-content h2 검색 ③ 아래 코드블럭의 내용으로 대체하여 .. 2024. 3. 26.
티스토리 기본서체 본명조체 변경 (feat. 기본글씨 본고딕, 궁서체 변경 방법) 티스토리 블로그의 기본 글씨체를 다른 글씨체로 바꾸어보겠습니다. 티스토리 작성 시 "기본서체"가 적용되고, 글 작성 시마다 매번 기본글씨를 본고딕, 궁서, 본명조 체로 변경하면서 글을 작성하던 중, 티스토리 HTML, CSS 적용을 통해서 기본서체를 바꿀 수 없을까 하는 의문이 들었습니다. 티스토리 스킨편집으로 시작합니다. ① 티스토리 관리 > 꾸미기 > 스킨편집 > Html 편집 > CSS 선택 ② Ctrl+F 찾기로 font-family 검색 ③ header h1, header p, body 영역 폰트 변경하기. 블로그 타이틀 폰트 변경 font-family로 검색하면 #header h1 영역에 font-family 영역을 확인할 수 있습니다. 저는 기본폰트를 나눔명조에서 본명조 폰트로 변경해보겠습니.. 2024. 3. 26.
4대금융지주 1분기 분기배당 배당금, 배당락일, 지급일정 등 (feat. 하나금융지주, KB금융, 신한지주, 우리금융지주, JB금융지주) 국내 금융지주 1분기 분기배당 3월 25일 현재, 아직 분기배당 공시 정보가 등록된 기업은 없으나, 분기배당 정책을 실시중인 주요 금융지주는 1분기 배당을 할 것으로 알려져 있습니다. 분기배당은 "선 배당금 결정, 후 배당기준일 설정" 정책을 따르지 않고 분기말 배당기준일 정책을 따르고 있으므로, 금융지주의 1분기 분기배당의 배당기준일은 3월 31일로 보면 됩니다. KB금융, 신한지주, 우리금융, 하나금융, JB금융 이 1분기 배당을 실시할 것으로 예측되고 있습니다. 1분기 배당기준일은 이 달의 마지막인 3월 29일 (금)이 되므로, 2영업일 전인 3월 27일까지 매수해야 배당금을 받을 수 있습니다. 5대 금융지주 배당금 정보 (2024년 1분기) 1분기 배당정보 기준 예상 배당금 예상 배당률 KB금융 .. 2024. 3. 25.
arirang 고배당주 분기배당과 투자전략 (feat. 고배당ETF 비교, 배당금, 분배금, 분배락, 수익률 정보 포함) ARIRANG 고배당주 ETF 분배금 연 1회, 5월 지급 O 분기배당 X ARIRANG 고배당주 ETF 기본정보 시가총액: 3,034억 분배금: 연 1회 5월 지급 - 1,4,7,10월 마지막 영업일 기준으로 지급 가능 총 보수: 0.23% 한화자산운용사에서 운용하는 에프앤가이드(FnGuide) 배당주 지수를 추종하는 ETF 상품으로, 유동시가총액 상위 200 종목 중 60일 평균 거래대금이 5억 원 이상이고 예상 배당수익률이 높은 상위 30 종목을 선별하여 산출된 지수를 추종하는 상품입니다. 6월과 12월 연 2회 기초지수의 정기변경이 실시되며, 분배금은 1월 4월 7월 10월 마지막 영업일 기준으로 지급됩니다. 최근 저 PBR 밸류업 프로그램 정책 수혜로 3개월 수익률 +18.62%, 6개월 수익률.. 2024. 3. 8.
티스토리 형광펜 밑줄 추가하기 (feat. HTML CSS U태그 활용) 티스토리 형광펜 밑줄 효과 티스토리 글 작성 중 문장을 강조하고 싶을 때, 위의 예시와 같이 기본제공 밑줄 외에 형광펜 밑줄 효과를 추가해 볼 수 있습니다. 형광펜 밑줄 효과를 추가하는 CSS 태그에 대해 소개해드리겠습니다. 형광펜 밑줄효과 CSS 태그 추가 Book Club 스킨 기준으로 설명을 드리지만, 이 효과는 스킨 타입과 무관하게 적용이 가능합니다. 스킨 편집 > html 편집 > CSS 편집 화면으로 이동을 해주세요. CSS 스크립트 맨 아래로 내려가서 다음 코드를 복사 붙여 넣기 후 "적용" 해주시면 즉시 적용됩니다. /* 형광펜 밑줄 */ u { text-decoration:none; display:inline; box-shadow:inset 0-9px #fde937d0; color: #0.. 2024. 3. 8.
티스토리 단축키 총정리 - 윈도우 Ver, 맥북 Ver (feat. 제목 본문 폰트 변경, 이탤릭체, 밑줄, 형광펜, 글자 색상 변경 등) 티스토리 글 포스팅 단축키 활용하여 시간을 단축해 보세요. 티스토리 단축키 활용하기 티스토리 블로그를 시작해보니 글감 조사부터 글작성 후 CSS 적용까지, 글 1개를 완성하기까지 평균적으로 2시간에서 4시간정도의 시간투자가 필요하다고 합니다. 티스토리 글 작성 시간을 최대한 줄일 수 있는 티스토리 단축키에 대해 정리해보겠습니다. 티스토리 글씨 폰트 단축키 내용 윈도우 단축키 맥북 단축키 제목1, 제목2, 제목3 Ctrl + Alt + 1 ⌥ + ⌘ + 1 본문1, 본문2, 본문3 Ctrl + Alt + 2 ⌥ + ⌘ + 2 글자 정렬 변경 Ctrl + Alt + 5 ⌥ + ⌘ + 5 글씨체 변경 Ctrl + Alt + T ⌥ + ⌘ + T 티스토리 제목 단축키 윈도우 단축키: Ctrl + Alt + 1 .. 2024. 3. 8.
반응형