오디세이 스킨 상단에 수정, 삭제 버튼 추가 방법

 

작년 봄, 벚꽃이 만발하던 날에 티스토리 블로그 스킨을 오디세이 스킨으로 바꾸었다. 수정이 필요한 경우 포스팅 가장 아래로 이동하여 탑 다운 메뉴가 나오고 수정하기 버튼을 눌러야 수정이 가능하는 불편함을 안고 살았는데 너무 쉽게 변경할 수 있는 방법이 있어서 올린다.

 

우리를 바꾸는 것은 생각이기도 하지만 행동이 직접적이다. 달리고, 먹고, 자고, 명상하고, 일하는 것들은 생각이기 이전에 행동이다.

 

아래에 간략히 설명한다.

 

1. html편집 '티스토리 설정-꾸미기-스킨 편집-html편집'으로 들어갑니다. 

 

 

 

 

티스토리 블로그 스킨 및 html 편집합니다. HTML을 클릭하고 CTL+F로 '이미지'를 검색합니다. 이는 약 210번 이후에 위치하고 있습니다. 

 

이미지 참고 https://like-or-like.tistory.com/14

 

 

2. 수정, 삭제 버튼 추가하기

<span class="date">

 

이 코드 뒤에 아래와 같이 HTML 코드를 입력합니다. 

 

 

<span>
<s_ad_div>
...
<a style="color:#909090;text-decoration:none;" href="">수정</a>
...
<a style="color:#909090;text-decoration:none;" href="#" onclick="">삭제</a>
</s_ad_div>
</span>

 

 

그럼 수정한 부분의 전체 코드는 아래와 같습니다.

 

<div class="box-info">
<span class="writer">지구 빵집</span>
<span class="date">2024. 1. 4. 16:55</span>
<span>
<s_ad_div>
...
<a style="color:#909090;text-decoration:none;" href="">수정</a>
...
<a style="color:#909090;text-decoration:none;" href="#" onclick="">삭제</a>
</s_ad_div>
</span>
</div>

 

 

... 는 구분자이고, #909090은 폰트 색상입니다. 마음대로 수정하여 입력하시면 됩니다.

 

색상이 눈에 잘 보이지 않는다고 생각이 드시겠지만 때로는 안 띄는 게 좋을 때가 많습니다. ^^ 화려한 색상표는 아래 첨부한 색상표를 참고하세요.

 

 

3. 수정 후 결과 화면

 

아래와 같이 아름다운 수정, 삭제 버튼이 생겼습니다. 여기까지 고생하셨습니다. 바꿀 것이 있다면 일찍 바꾸세요. 화면뿐이 아니라 인생 자체에서도 해당합니다. 

 

 

궁금한 사항은 댓글에 남겨주세요. 참고한 사이트는 첫 이미지 캡션에 있습니다. 

 

여기까지 읽어주셔서 감사합니다.