정보/블로그

티스토리 블로그 본문 [테이블 가운데 정렬] & [링크 새창열기] 적용 방법


@수원 화성 근처 한 까페

 

HTML 편집은 필수

사실 예전 네이버 블로그 할때도 HTML 편집을 쓰긴 썼지만 그렇게 많이 안 쓴거 같은데 티스토리 블로그를 하니깐 생각보다 HTML 편집을 거쳐야 하는 일들이 많습니다. 그만큼 글 편집기가 심플하게 되어 있고 기능이 많지 않은거 같기도 하지만, 사용자에게 자유롭게 권한을 준건가? 싶기도 하구요.(뭔 소린지..)

 

포스팅 하다보면 아 이거 요로캐 요로캐만 되면 좋을텐데... 하는 경우가 꽤 많습니다. 그걸 보통 Editor 즉 편집기에서 받쳐주는 경우가 있기도 하지만 티스토리의 경우 편집기가 매우 심플하게 되어 있어서 기능을 하나하나 검색해서 적용 해줘야 하는 경우가 많습니다. 이번 포스팅에선 실제로 제가 사용하면서 가장 자주 자주 사용했던 기능 2가지를 소개해드릴려고 합니다. 

 

HTML 편집 버튼 위치

 

1. 테이블(표) 가운데 정렬

테이블 삽입 시 기본적으로 너비가 화면을 꽉 차게 되어 있는데 내용이 얼마 없다면 너비를 줄일 수도 있습니다. 이때 테이블이 왼쪽에 치우쳐져 있다면 보기가 않좋겠죠? 아래처럼요. 이때 가운데 정렬을 해주시면 아주 깔끔한 포스팅이 됩니다.

 

이것은 샘플 테이블
입니다. 하하 호호

 

HTML 편집으로 가신 후 아래 코드를 추가 해주시면 됩니다.

<div align="center">
<table>

// 테이블 내용

</table>
</div>

 

<table> ~~ </table> 은 테이블을 나타내고 그 글을 감싸도록 시작에 <div align="center">와 마지막에 </div>를 추가해주시면 됩니다. 그러면 아래와 같이 가운데 정렬이 됩니다.

 

이것은 샘플 테이블
입니다. 가운데로 왔죠?

 

 



 

2. 링크 새창으로 열기

본문에 링크 삽입 시 링크를 누르면 블로르가 떠 있는 창에서 그대로 링크로 넘어갈 때가 있습니다. 블로그 주인장으로써 별로 맘에 들지 않는 방법입니다. 새 창으로 뜨거나 새 탭으로 떠야 다시 블로그 복귀하기도 쉬운데 말이죠. 아래는 일반적인 링크 코드 입니다.

 

<a href="https://www.tistory.com/"> 티스토리 </a>

티스토리

누르면 링크가 바로 열려요 :(

 

이때 HTML 편집을 해서 target="_blank" 를 아래와 같이 추가 해주시면 새 창에서 링크를 여실 수 있습니다.

<a href="https://www.tistory.com/" target="_blank">티스토리</a>

티스토리

누르면 링크가 새 창에서 열립니다 :)

 

 

어려울 수 있어요

사실 전 개발자라 저런코드가 쉽게 느껴지지만, HTML이 몬지 뭐 알지 못하신 분들에게 매우 어려운 일이 될 수도 있습니다. 최대한 쉽게 표현할려고 했으니, 참고 해주시고 잘 안되시거나 막히시면 댓글로 남겨놔 주세요 ^^

 

[ 블로그 관리 꿀 TIP 모음 ]

2020/07/28 - [정보/블로그] - 제가 사용하는 스킨은요 (feat. 서브 메뉴 여백 주기)

2020/08/01 - [정보/블로그] - 티스토리 스킨 편집 쉽게하는 팁 (F12의 마법)

2020/08/01 - [정보/블로그] - 티스토리 글 구글 검색 누락 등록 방법 (구글 노출)

2020/08/02 - [정보/블로그] - 티스토리 사진/이미지 가로로 배열하기 (2개 이상 나란히 놓기)

2020/08/03 - [정보/블로그] - 블로그 최적화 도움 사이트 모음 (last updated 20.08.04)

2020/08/04 - [정보/블로그] - 카카오 애드핏 (Kakao AdFit) 가입 신청 및 적용하기

2020/08/05 - [정보/블로그] - 카카오 애드핏 (Kakao AdFit) 심사 하루만에 결과가 나오네요

2020/08/07 - [정보/블로그] - 블로그 후원 서비스 '도네리카노' 적용하기 (티스토리에 기부/후원 버튼 만들기)

2020/08/11 - [정보/블로그] - 티스토리용 블로그 소통/품앗이 창구 - 티스토리 포럼 활용하기!

2020/08/12 - [정보/블로그] - 티스토리 '서식' 기능 활용해서 글 작성 효율 200% 높이기

2020/08/14 - [정보/블로그] - 티스토리 블로그 본문 [테이블 가운데 정렬] & [링크 새창열기] 적용 방법

2020/08/18 - [정보/블로그] - 23일만에 구글 애드센스 한번에 통과했습니다!! (8/11 신청)

2020/08/20 - [정보/블로그] - 구글 애드센스(AdSense) & 카카오 애드핏(AdFit) 한달만에 승인 후기 & 꿀팁 정리

2020/08/23 - [정보/블로그] - 티스토리 블로그 빙(Bing)에 검색 등록 / 노출 시키는 방법