티스토리 워드프레스 소제목 코드 공유

티스토리나 워드프레스 소제목을 시인성좋게 설정하는 방법이다.

기본 폰트 편집기능을 사용하여도 어느정도는 가능하지만, 보다 효과적으로 눈에 띄고 깔끔하게 하는 방법은 HTML 코드를 수정하여 해당 코드를 수정해주는 것이 좋다.

아래의 코드를 참고하여 수정해주면된다.

 

 

1. 빨간색 소재목 만들기

<h3 style="background: #ff0000; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>빨간색 배경</h3>

 

2. 파란색 소재목 만들기

<h3 style="background: #0000ff; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>파란색 배경</h3>

 

3. 초록색 배경 소재목 만들기

<h3 style="background: #00ff00; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>초록색 배경</h3>

 

4. 보라색 배경 소재목 만들기

<h3 style="background: #800080; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>보라색 배경</h3>

 

5. 주황색 배경 소재목 만들기

<h3 style="background: #ffa500; color: #000000; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>주황색 배경</h3>

 

 

6. 핑크색 배경 소재목 만들기

<h3 style="background: #ff69b4; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>핑크색 배경</h3>

 

7. 회색 배경 소재목 만들기

<h3 style="background: #808080; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>회색 배경</h3>

 

8. 노란색 배경 소재목 만들기

<h3 style="background: #ffff00; color: #000000; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>노란색 배경</h3>

 

9. 청록색 배경 소재목 만들기

<h3 style="background: #008080; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>청록색 배경</h3>

 

10. 갈색 배경 소재목 만들기

<h3 style="background: #a52a2a; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;>갈색 배경</h3>

 

위의 코드들은 복사가 안될것이다.

블로그 소제목 CSS코드.txt 파일을 첨부하니,

아래 txt 파일을 참고하면 된다.

 

 

(이것을 알려주는 블로그들은 많지만 죄다 글 복사하기가 막혀있어서 퍼오기가 힘들었다. 장난하나..)

블로그 소제목 CSS코드.txt

0.00MB

 

이 방법을 사용하고 블로그 피드의 시인성이 매우 올라간것 같아서 개인적으론 아주 만족스럽다.