[Blogger/구글 블로그] 목차 자동 작성하기

목차를 자동으로 생성할 수 있도록 해주는 방법을 알려준 글이다.
https://www.wonderkrish.com/2018/10/automatic-table-of-contents-blogger.html

요약하면

1. 테마 -> html수정
2. </head> 태그를 찾아서 바로 위에 아래의 코드 삽입

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>      
  <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>   
  <script type='text/javascript'>       
  //<![CDATA[      
  //*************TOC plugin by MyBloggerTricks.com      
  function mbtTOC() {var mbtTOC=i=headlength=gethead=0;      
  headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++)      
  {gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}}      
  //]]>       
  </script>

3. ]]></b:skin> 코드를 찾아서 바로 위에 아래의 코드를 삽입

.mbtTOC{border:5px solid #f7f0b8;   
 box-shadow:1px 1px 0 #EDE396;   
 background-color:#FFFFE0;   
 color:#707037;   
 line-height:1.4em;   
 margin:30px auto;   
 padding:20px 30px 20px 10px;    
 font-family:oswald, arial;display: block;   
 width: 70%;}    
 .mbtTOC ol,.mbtTOC ul {margin:0;padding:0;}      
 .mbtTOC ul {list-style:none;}      
 .mbtTOC ol li,.mbtTOC ul li {padding:15px 0 0;    
 margin:0 0 0 30px;font-size:15px;}      
 .mbtTOC a{color:#0080ff;text-decoration:none;}      
 .mbtTOC a:hover{text-decoration:underline; }     
 .mbtTOC button{background:#FFFFE0;    
 font-family:oswald, arial; font-size:20px;   
 position:relative;    
 outline:none;cursor:pointer; border:none;    
 color:#707037;padding:0 0 0 15px;}      
 .mbtTOC button:after{content: "\f0dc";    
 font-family:FontAwesome; position:relative;    
 left:10px; font-size:20px;}

4. 코드에 존재하는 모든 <data:post.body/>를 다음으로 교체


<div id="post-toc"><data:post.body/></div>

댓글

  1. LiveBlogger2021년 4월 18일 오전 11:38

    안녕하세요! 반갑습니다. 검색하다가 우연히 들어오게 됬어요. 좋은 정보 감사해요.

    답글삭제

댓글 쓰기

이 블로그의 인기 게시물

[유럽여행][대한항공] 인천공항에서 히드로공항까지, 기내식(식사조절식)과 놀거리

이미지
이번 겨울방학에 드.디.어! 꿈꿔오던 유럽 여행을 가게 되었다. 좋은 시기에 미리 예매한 덕분에 합리적인 가격으로 대한항공 직항편을 이용하여 히드로 공항으로 향하였다. 대한항공 KE907편, 인천공항 제2터미널에서 오후 1시에 출발하여 히드로 공항에 오후 4시30분에 도착한다. 아침에 비교적 여유롭게 출발하여 런던 도착 당일은 푹 쉬는 일정으로 계획했다. 비행기에서 보는 바깥 풍경은 언제나 환상적이다. [기내식] 나는 항상 기내식이 조금 짜게 느껴졌어서 이번에는 식사조절식인 저자극식을 신청했는데, 식사조절식은 항공사 홈페이지에서 따로 신청할 수 있다. 첫 번째 기내식 첫 번째 기내식은 이렇게 나왔다. 주 메뉴, 바나나, 빵, 샐러드, 그리고 물과 음료! 주 메뉴 사진은 못찍었지만 부드러운 생선찜? 같은 메뉴였다. 사실 생선메뉴는 내 입맛에 잘 맞지는 않아서 조금 남겼지만, 함께 나온 저 빵이 아주 부드럽고 맛있었다.  두 번째 기내식 두 번째 기내식은 첫 번째와 똑같은 빵과 바나나, 그리고 요플레와 주 메뉴가 나왔다. 주 메뉴는 닭가슴살과 단호박찜! 아주 부드럽고 담백했다. 식사조절식의 장점은 다른 승객들보다 기내식을 빨리 받는다는 것! 배고플때 쯤 나오는 기내식을 기다림 없이 받을 수 있어서 너무 좋았고, 기내식이 짜지 않고 담백해서 속이 불편하지 않았다. 대신, 몇 종류 중에서 선택할 수 있는 일반 기내식과 달리 메뉴가 정해져 있다는 것은 감안하여야 한다. [간식] 맛있는 간식을 즐기는 것도 비행기를 타는 즐거움 중 하나다. 내가 먹은 간식은 요청하여 받은 미니 프레첼 과자와 컵라면, 그리고 기본 간식으로 선택할 수 있었던 미니 피자와 삼각김밥 중 피자를 먹었다. 특히 컵라면이 아주 기억에 남는다. 비행기에서 먹는 컵라면이란... 정말 맛있었다. [놀거리] 역시 대한항공 항공기에는 많은 놀거리들이 구비되어 있었다. 다양한 영화와 드라마,...
자세한 내용 보기

[경제/금융] '기준금리(base rate)'란 무엇인가?

'한국은행이 기준금리를 동결했다' - 금리와 기준금리에 대해 알아보자 - 며칠 전, 한국은행이 기준금리를 1.25%로 동결했다는 기사를 보았다. 한은 금융통화위원회는 27일 올해 두 번째 전체회의를 열고 기준금리를 현 수준인 연 1.25%로 유지해 통화정책을 운용하기로 했다. 지난해 10월 기준금리를 1.5%에서 1.25%로 인하한 뒤 세 번째 동결이다. [출처: 중앙일보] [속보]한은 기준금리 1.25% 동결…'코로나에 인하' 예상 깼다 기준금리는 무엇이고, 기준금리를 바꾸면 어디에 영향을 주는 것일까? > 금리란? 금리는 쉽게 말하면 이자율이다. 금리가 낮아지면, 이자율이 낮아지는 것이니 이자로 소득을 얻는 사람들에게 좋지 않지만, 대신 자금 조달 비용이 감소하기 때문에 소비의 증가로 이어진다. > 기준금리란? 기준금리(base rate)는 한 나라의 모든 금리의 기준이 되는 금리이다. 금리의 종류에는 기준금리 말고도 시장금리, 콜금리 등등 여러 종류가 있다. 이런 금리들이 기준금리에 따라서 움직이고, 우리나라의 경우에는 한국은행 금융통화위원회에서 결정한다. 한국은행 금융통화위원회는 물가 동향, 국내외 경제 상황, 금융시장 여건 등을 종합적으로 고려하여 1년에 8번 기준금리를 결정한다. 그러므로 기준금리는 단순히 이자율을 말하는 것이 아니라 전문가들이 전망하는 경제 상황을 알아볼 수 있는 도구로서도 중요하다.  이번에 한국은행이 기준금리를 결정할 때, 코로나 19의 여파로 침체한 경기를 고려하여 금리를 더 인하할 것이라는 예측이 있었지만, 기준금리를 동결했다. 그런데, 코로나 19가 계속 경기에 영향을 미치는 중이기 때문에 다음번 결정 때 금리가 인하될 가능성이 커 보인다. 기준금리가 낮아지면, 시중에 돈이 많이 풀리게 됨을 의미한다. 공급이 많으니 상대적으로 돈의 가치는 낮아지고 자산의 가치가 높아지기 때문에 투자를 통해 자산을 매입하는 것이 자산관리에 도움이 ...
자세한 내용 보기