[HTML] 티스토리 Mac 코드 적용 후, 북클럽 테마 검색 버튼 먹통 해결

1. 문제 발생

- Mac 스타일 코드블록 적용

우선, 아래 티스토리 게시글을 따라하며 코드블록을 Mac 스타일로 변경했다.

바꾼 코드블록 스타일

[티스토리 블로그 테마] - 1. 코드 블록 디자인을 mac 코드 스타일로 바꾸기

 

 

- 티스토리 검색창과 프로필 먹통!

그러나 코드블록 스타일 변경 후, 티스토리 검색창과 프로필 부분이 먹통이 되었다. 평소 프로필 > 관리 또는 글쓰기를 자주 사용하고 있었기 때문에 불편했다.

 

---

 

2. 해결법

- Javascript 파일 추가

해결법은 간단하다. 우선 아래 링크에 들어가서 오른쪽 버튼 > 다른 이름으로 저장으로 북클립 Javascript 코드를 다운로드 받는다. 

https://tistory3.daumcdn.net/tistory/4545489/skin/images/script.js

 

 

티스토리 스킨편집 > html 편집 > 파일 업로드 탭에서 방금 다운받은 Javascript 파일을 업로드한다.

 

 

HTML 탭으로 넘어가서 <script defer src="./images/codeblock.js"></script> 위에 <script src="./images/script.js"></script> 한 줄을 추가한다.

  

    
    
    
    
  
<script src="./images/script.js"></script>
<script defer src="./images/codeblock.js"></script>

 

 

- 정상적으로 돌아온 검색창, 프로필

그럼 다시 정상적으로 돌아온 검색창과 프로필을 사용할 수 있다.

 

---

 

+ 추가

코드블럭에서 마지막 빈 줄이 추가되어 표시되는 문제가 있었는데, 아래 글을 참고하여 수정했더니 제대로 고쳐졌다.

codeblock.js

0.00MB

[블로그] 티스토리 블로그 코드블럭 맥 스타일로 변경하기