티스토리 포스팅 상단 제목 배경 변경 방법. 색상, 이미지, 글자색

포스팅 상단 이미지 삭제 및 배경색 변경 방법.

배경 설정 변경 경로

• 꾸미기 -> 스킨편집 -> 우측 html
• ctrl + F (찾기) -> div class="post-cover"

아래와 같은 코드 변경.

변경 전

<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(https://blog.kakaocdn.net/dna/C1Kwj/btrTaLIsScR/AAAAAAAAAAAAAAAAAAAAAJoUcBIz21Rj017OebTufr11dJ9mnlXdMSjJ_Yoa0l9Z/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1751295599&allow_ip=&allow_referer=&signature=4ZfeLIMzwQKoNsGcQdR%2FB8XZkjw%3D)"</s_article_rep_thumbnail>>

변경 후

<div class="post-cover">

배경이미지 변경 법

• 꾸미기 -> 스킨편집 -> 우측 html
• ctrl + F (찾기) -> div class="post-cover"

아래와 같은 코드 변경.

변경 전

<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(https://blog.kakaocdn.net/dna/C1Kwj/btrTaLIsScR/AAAAAAAAAAAAAAAAAAAAAJoUcBIz21Rj017OebTufr11dJ9mnlXdMSjJ_Yoa0l9Z/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1751295599&allow_ip=&allow_referer=&signature=4ZfeLIMzwQKoNsGcQdR%2FB8XZkjw%3D)"</s_article_rep_thumbnail>>

변경 후

<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url 이미지주소 삽입"</s_article_rep_thumbnail>>

 

핵심은 (https://blog.kakaocdn.net/dna/C1Kwj/btrTaLIsScR/AAAAAAAAAAAAAAAAAAAAAJoUcBIz21Rj017OebTufr11dJ9mnlXdMSjJ_Yoa0l9Z/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1751295599&allow_ip=&allow_referer=&signature=4ZfeLIMzwQKoNsGcQdR%2FB8XZkjw%3D) 부분을 삭제 하고 이미지 주소를 삽입 하는 것이다.

 

이미지 주소 만드는법

• 꾸미기 -> 스킨편집 -> 우측 html 편집
• 파일 업로드 탭에 이미지 업로드
•  

 

 

배경색 변경 법

• 꾸미기 -> 스킨편집 -> 우측 html -> CSS

 

ctrl + F (찾기) -> "post-cover:before"

background-color: rgba 변경.

마우스만 갖다대도 색상 지정이 가능.

 

포스팅 제목 글자색 변경법

ctrl + F (찾기) -> post-cover h1

color: rgb 변경.