Blogging (26) 티스토리 접는 이유 1. 일단 이번 데이터 센터 사건이 좀 충격적이었고 앞으로 쟤들이 네이버처럼 데이터 센터를 짓는다해도 최소 1~2년은 걸린다. 2. 얘네는 태생부터 민주당 좌파와 엮인게 너무 많다. 거기다 뿌리깊은 친중 기업이라 신뢰가 안가고 느낌이 안좋음; 3. 미래에 네이버가 다음처럼 막장이 되도 독자 서버 구축 전 잠깐 임시로 하다가 말거라 크게 문제될 건 없다. 내 티스토리 블로그 전체 코드 파일 압축푼 후 메모장으로 skin.html, style.css 파일을 열고 전자는 html에, 후자는 css에 붙여넣기 하면 된다. Custom Poster Skin Theme - Complete Version 웹에서 보고 싶다면 아래 링크를 클릭할 것; https://wlsfl.tistory.com/2 티스토리 포스터 모바일 줄 개수 바꾸기 모바일에서 포스터 스킨의 본문 요약글인 스니펫 줄 개수는 기본 2줄이다. 이것을 늘리거나 줄이고 싶다면 1. html 코드 편집 창으로 이동한다. 2. CSS 탭에 들어가서 ctrl + f로 '.post-item .excerpt {'를 찾는다. 3. 볼드체 숫자에 원하는 값을 입력하고 저장한다. .post-item .excerpt { -webkit-line-clamp: 2; } .post-item .excerpt { -webkit-line-clamp: 4; /* 2줄 → 4줄 */ } 티스토리 포스터 사이드바에 스크롤바 넣기 포스터 스킨 기본 모드에선 사이드 바에 스크롤 바가 없다. 스크롤 바를 넣고 싶다면 1. 먼저 html 코드 편집 창으로 이동한다. 2. CSS 탭에 들어가서 ctrl + f로 '#header .menu {'를 찾는다. 3. 아래 코드가 나오면 다음과 같이 변경해준다. #header .menu { position: fixed; top: 0; left: -348px; z-index: 400; width: 348px; height: 100%; padding: 94px 40px 189px; background-color: #fff; box-sizing: border-box; transition: left .5s ease-in-out; } #header .menu { position: fixed; top: 0;.. 네이버 블로그 대신 티스토리를 선택한 이유 1. 한국의 워드프레스는 티스토리다. 2. 어차피 나중에 워프를 하든 개인 섭을 만들어서 블로깅을 하든 네이버에 검색 등록해야 하는건 매한가지다 차이가 없다. 3. 몇 년내로 독립형 서버나 그런 쪽으로 갈 예정이라 애당초 네이버 블로그는 고려할 가치가 없었다. 4. 티스토리는 코드 편집이 가능해서 개방성이 높고 타 포털 서비스와의 호환성도 양호하다. 따라서 영역을 최대한 넓힐 수 있는 반면 네블에서 저품질 찍히면 다른 곳에 색인도 못하고 걍 망하는거다. 5. 그리고 네이버는 iframe과 모바일로는 막혀있지 않아서 이건 뭐 완전히 닫힌 것도 아니고 또 그렇다고 제대로 색인이 되는 것도 아닌 아주 어정쩡한 상태라 이게 블로그 여러개를 병행하려는 입장에선 상당히 골치가 아프다. 네이버 iframe 주소 : .. 구글 블로그 '관련 글', ' 연관 글' 기능 달기 2 - 고급 버전 여기서 소개하려는 구글 블로그 연관글 기능은 같은 카테고리의 글들을 랜덤으로 제목과 썸네일, 본문 요약문인 스니펫까지 선택적으로 표시할 수 있는 버전이다. 만약 심플하게 글 제목만 나열하고 싶다면 아래 링크를 참고할 것. 구글 블로그 '관련 글', ' 연관 글' 기능 달기 1 - 심플 버전 https://pravda.tistory.com/38 기능들 글 제목, 썸네일, 스니펫 표시 가능 글 제목, 스니펫, 날짜 표시 가능 썸네일 이미지 사이즈 조절 가능 사각형 또는 둥근 썸네일 선택 가능 글 제목과 스니펫 길이 설정 가능 요구사항 구글 블로그에서 직접 업로드한 즉 피카사 앨범 이미지만 지원이 된다. 호스트가 다른 이미지는 지원하지 않는다. Dynamic Views 테마에선 작동하지 않는다. 이 스크립트는.. 구글 블로그 '관련 글', ' 연관 글' 기능 달기 1 - 심플 버전 '관련 게시글'이란? (Related Posts) 각 개별 포스트 페이지 하단 부분에 동일한 카테고리 내에 있는 글을 랜덤으로 제목과 스니펫(본문 미리보기 요약글) 그리고 썸네일(대표 이미지)과 함께 보여줌으로서 방문자가 연관된 게시물을 추가로 접할 수 있게 해주는 기능이다. 구글 블로그에는 워드프레스처럼 관련글이나 연관글 플러그인이 없어서 따로 코드를 수작업으로 넣어줘야 한다. 여기서 소개하려는 것은 글 제목만 나열하는 가장 단순한 버전이다. 만약 썸네일과 스니펫까지 표현하고 싶다면 아래 링크를 참고할 것 구글 블로그 '관련 글', ' 연관 글' 기능 달기 2 - 고급 버전 https://pravda.tistory.com/39 단순 관련글 (Simple Related Posts) 기능 추가하기 1. 다.. 구글 블로그 하위 카테고리 만들기 하위 카테고리는 각 라벨 왼쪽에 패딩(padding) 여백을 CSS 코드로 넣어주면 그만이다. 라벨 보이는 위치를 한 칸 띄워주면 그게 하위지 뭐 별건가? 구블은 같은 포스트에 라벨을 1개 이상 지정할 수 있어서 이게 가능하다. 2022. 3. 16. https://wlsfl1.blogspot.com/ 구글 블로그 한국형 카테고리 디자인 CSS 코드 아래 코드를 CSS에 삽입해주면 된다. /* 카테고리 기본 스타일 */ .list-label-widget-content li { display: block !important; /* 한 줄에 하나씩 배치 */ background-color: transparen.. pravda.tistory.com 구글 블로그 카테고리 순서 마음대로 바꾸기 구글 블로그에선 아.. 구글 블로그 카테고리 순서 마음대로 바꾸기 구글 블로그에선 아쉽게도 카테고리 순서를 알파벳 순과 포스트 수로만 정렬이 가능하다. 따라서 원하는 순으로 카테고리 라벨을 두려면 코드를 좀 만져야 한다. 1. [대시보드 - 레이아웃 - 사이드바(하단)]에서 'HTML/자바스크립트' 가젯 추가를 선택한다. 2. 창이 뜨면 제목은 비우고 콘텐츠 란에 아래 코드를 넣어준다. 라벨1 라벨2 ⋮ ⋮ 라벨3 * 라인을 원하는 순서로 원하는 만큼 배치시킬 수 있다. 새로운 라벨은 수동으로 추가해야 한다. 3. [대시보드 - 레이아웃 - 사이드바(하단)]에서 '라벨' 가젯 추가를 선택한다. 창이 뜨면 '라벨당 글 수 표시' 옵션을 키고 저장한다. (사용하지 않을 임의의 위젯이기에 다른 것들은 신경 쓸 필요 X) 4. 사이드 바에 있는 'HTML', '라벨' 가젯 위.. 구글 블로그 하단 페이지 넘버링 번호 붙이기 숫자 페이징 기능 (Pagination) 추가하기 구글 블로그에는 워드프레스처럼 하단에 페이지 넘버링, 숫자를 매겨주는 플러그인이 없기 때문에 따로 코드를 입력해야 한다. 1. 다음 코드를 ]]> 바로 위에 복붙한다. #blog-pager { clear: both; margin: 30px auto; text-align: center; padding: 7px; } .blog-pager { background: none; } .displaypageNum a, .showpage a, .pagecurrent { padding: 3px 7px; margin-right: 5px; background: transparent; color: #757575 !important; } .displaypageNum a:hove.. 이전 1 2 3 다음
