흔한학생

인라인 코드나는 티스토리 기본 #1 스킨을 수정해서 쓰는 중인데 노션과 달리 ctrl+e 기능이 없어 아쉬웠다. 아무래도 코드를 작성하는 중 코드블럭 없이 설명할 때는 인라인 코드 표시가 가독성에 도움이 되기 때문이다. `print()` 이처럼 말이다때문에 여러 티스토리 블로그를 보면서 " ` " 기호 이름이 '백틱' 이라는 것을 알게되었고 생각해보면 마크다운에서 코드를 작성할 때에도 이 백틱을 썼었다. 그리고 이 백틱 기호 사이에 코드를 써서 인라인 블럭을 만들도록 html을 수정하는 분이 많았다.대부분 다음과 같은 코드를 포스팅 해놓았다.(다 비슷한거보면 하나를 베낀건가..?)let textNodes = document.querySelectorAll("div.tt_article_useless_p_ma..

서론이전과 마찬가지로 #1 스킨을 기반으로 깔끔한 스킨을 만들고 싶어 수정중이다.제공하는 스킨이 워낙 많아 다들 사용하는 스킨이 다른데 수정하기에는 html, css, js 등 언어를 알아야 수정이 가능한 듯 하여 조금씩 알아보면서 수정하고 있다. 덕분에 웹 공부를 좀 해보는듯?기존 #1 스킨을 보면 글의 양쪽은 비어있어 허전한 느낌이 들기도 한다.하지만 공부를 하면서 여러 블로그를 방문하게 되는데 카테고리가 적당한 비율로 떠있을 때 관련 글을 찾아보기도 쉬운 것 같다.그래서 이번에는 왼쪽의 빈 공간에 카테고리를 넣어보려고 한다. 카테고리 삽입(HTML)기존 구조우선 블로그에서는 어떻게 카테고리를 불러오는지 궁금했다.html은 고정되어 있는데 카테고리를 추가하거나 없애는 등 수정을 해도 카테고리에 바로 ..

광고 생성우선 반응형 광고를 생성해준다.그리고 생성된 코드의 일부를 바꿔줄 것인데ins 아래 부분을 바꿀 것이다.아마 기존에 display:block; 까지만 되어있을텐데style="display:block;max-width:300px;height:100px"이렇게 뒤에 코드를 추가해 형태를 고정시킬 수 있다.나는 높이 100px, 너비는 최대 300px로 만들어 보았다. data-ad-format="horizontal"data-full-width-responsive="false"auto 를 horizontal로, true를 false로 바꿔준다. 이렇게 아주 작은 형태의 광고가 만들어졌다.하지만 이는 임시방편으로

글 작성할 때 모든 제목에 bold처리 하기 귀찮아서 스킨 편집에 들어갔다.블로그 관리 -> 스킨 편집 ->html 편집 -> CSS제목1이 h2, 제목2가 h3, 제목3이 h4 인듯하다.셋 모두 font-weight: bold; 를 추가해 주었다.제목1제목2제목3적용이 잘 된 것을 확인할 수 있다!