티스토리 블로그를 통해 글을 쓸 때, 글쓰기를 누르면 윗부분에 글씨 폰트를 설정할 수 있는 부분이 있습니다. 이 기능을 이용해 글씨 크기를 변경할 수 있습니다. 하지만, 글을 쓸 때마다 매번 내가 원하는 글자 크기를 고르는 것은 여간 귀찮은 일이 아닙니다. 블로그 스킨에 따라서는 내가 원하는 크기의 글자를 선택했다고 해도 막상 글을 다 쓰고 발행을 눌러서 글을 확인해보면, 내가 원하던 크기보다 작거나 크게 보이는 경우도 있습니다.  

▲ 글쓰기 상단 글씨 크기 선택 화면

그럴 때마다 수정하기 버튼을 눌러서 글자 크기를 다시 설정하는 것도 귀찮은 일입니다. 

위와 같이 관리자 화면에서 글 설정을 누르고 글쓰기 환경으로 들어가, 

에디터 기본 글씨 크기를 설정하는 부분에서 

내가 원하는 글씨 크기를 선택할 수 있도록 배려해놓았지만, 

본문 글씨 크기에는 별 영향이 없는 듯합니다. 

원하는 크기가 설정되는 스킨이 있다고 하더라도 

9, 10, 11, 12, 14pt 총 다섯 가지 선택지밖에 없기 때문에 

선택에는 제한사항이 따르게 됩니다.

이러한 불편한 점 때문에 고민이신 분들을 위해서 해결책을 알려드리고자 합니다.

먼저, 블로그에서 q버튼을 눌러 관리자 모드로 들어갑니다. 

관리자 모드에서 꾸미기 아래에 있는 HTML/CSS를 눌러줍시다.

HTML/CSS를 누르면 기본적으로 HTML란이 보이게 되는데 

상단의 CSS를 눌러 CSS로 들어갑니다.

그리고 Ctrl 키와 F 키를 눌러 검색을 할 수 있도록 해준 후, 

검색 창에 post-body-font-size라고 쓴 후 엔터를 눌러줍니다.

그러면 .article { 이라고 되어 있는 아래 아래 줄에

 font-size:/*@post-body-font-size*/12px/*@*/; 

라고 되어 있는 부분이 보일 것입니다

여기서 숫자 부분을 수정하고 저장을 눌러주시면 됩니다.

저장을 누른 후에는 반드시, 글쓰기를 눌러 아무 글자나 쳐보고 

미리보기를 눌러 내가 원하는 글자 사이즈가 맞는지를 확인해주어야 합니다.

몇 번의 테스트를 거친 후 딱 보기 좋은 글씨 크기다 싶었을 때, 

최종 저장을 해주시면 되겠습니다.

이 글을 통해 앞으로는 더 이상 티스토리 블로그 본문 글씨 때문에 

번거롭거나 시간을 소비하는 일이 없으시기를 하는 바람입니다.

티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그 대표이미지 썸네일 설정, 지정하는 방법

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기

티스토리 블로그 댓글 아이콘 카카오 프렌즈 이미지 넣는 방법

티스토리 블로그 머리말 디자인 바꾸는 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱!

안녕하세요! 

2017년 4월 티스토리 블로그 초대장 2장을 배포해드립니다.

티스토리를 통해 개인의 일상이나 하나의 노트, 기록으로 사용하시고자 하는 분들보다는

가급적 여러 사람들에게 도움이 되는 정보를 알려드리고자 하시는 분들을 위해 초대장을 

나눠 드리고자 하니 이 점 유의해주시기 바랍니다.

초대장을 원하시는 분들은

아래 댓글에 

1. 블로그를 운영하려고 하는 주제와 목적

2. 이메일주소

를 적어주시기 바랍니다.

목적이 뚜렷하신 분들을 기준으로 

초대장을 보내드리겠습니다.

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

이번에는 티스토리 블로그에 이전에 썼던 글의 링크를 아주 쉽고 간단하게 넣는 방법에 대해서 알아보도록 하겠습니다. 티스토리에는 글의 마지막에 카테고리의 다른 글이 있긴 하지만, 포스팅의 수가 많아지다보면, 내가 쓰는 글과 밀접하게 관련되거나 사람들이 궁금해할만한 글은 뒤쪽으로 많이 밀려 있을 수도 있습니다. 그렇기 때문에 직접 사람들에게 도움이 될만한 글들을 모아서 보여주는 것이 이전 글 넣기라는 기능입니다.

이전 글 링크 기능을 사용함으로써 블로그에 방문하신 분들께 더 유익한 정보를 바로바로 제공할 수 있도록 할 수가 있는 것입니다.

이전 글에 링크를 넣는 방법은 직접 제목을 쓰고 거기에 URL을 넣어서 해당 주소를 넣을 수도 있지만, 정말 손이 많이 가고 귀찮은 작업이 아닐 수가 없습니다. 하지만, 티스토리의 이전 글 링크 삽입 플러그인을 이용하면 단 몇 번의 클릭만으로도 내가 원하는 글을 링크가 된 상태로 불러들여올 수 있기 때문에 작업이 몇 십 배는 더 편해집니다.

이런 기능을 사용하기 위해서는 먼저 관리자 모드로 진입하기 위해 q 버튼을 눌러줍시다.

관리자 모드에서 왼쪽 하단에 있는 플러그인 항목에서 플러그인 설정을 누릅니다.

여러 플러그인 중에서 글쓰기6 항목을 클릭하고, ohyung에서 제공하는 이전 글 링크 삽입 플러그인에 체크 표시(v)를 해줍니다. 그리고 오른쪽에 톱니바퀴처럼 보이는 아이콘을 눌러 세부설정으로 들어갑니다. 삽입 형태가 여러가지가 있는 것을 볼 수 있는데, 연, 월, 일, 날짜 - 제목이라는 형태도 있지만, 없음이라고 선택하면 제목만 보이기 때문에 깔끔합니다.

그래서 저는 없음으로 선택한 후 저장을 눌러보았습니다.

이제, 글쓰기 버튼을 눌러 이전 글 링크 플러그인을 사용해 봅시다.  

오른쪽 하단에 플러그인 항목이 있습니다. 그걸 펼쳐주면 이전 글 넣기가 생긴 것을 확인할 수 있습니다.

이전 글 넣기를 눌러주면 창이 하나 뜹니다. 이전 글 검색을 통해 내가 원하는 글을 검색할 수가 있습니다. 

링크를 넣고 싶은 제목을 선택해주면 글쓰기 란에 제목이 하나 하나 생깁니다.

물론 하이퍼링크가 걸려져서 말이죠.

이제 미리보기를 눌러서 정말 링크가 걸려 있는지를 확인해보고 마음에 들면 발행을 해주시면 되겠습니다.^^

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱!

이번 포스팅에서는 티스토리 블로그에 대표 이미지인 썸네일을 지정, 설정하는 방법에 대해서 알아보도록 하겠습니다. 티스토리에서는 사진을 올리면 가장 위에 위치한 이미지가 대표 이미지로 설정이 되도록 되어 있습니다. 어쩌면 맨 위에 있는 이미지가 대표 이미지가 되는 기능 때문에 편리할 수도 있겠지만, 글 구성 상 맨 위에 있는 이미지가 아닌 중간이나 끝에 있는 사진을 썸네일으로 하고 싶을 때도 있을 것입니다.  

대표 이미지가 중요한 이유는 사람들이 다음이나 구글, 네이버에 검색어를 입력했을 때 왼쪽에 이미지가 보이고, 그 이미지를 참고해서 사람들이 찾고자 하는 정보에 근접하는지를 판단해서 클릭하게 되기 때문입니다. 위의 사진은 네이버에 피쉬서버 신고 캡쳐라고 검색을 했을 때 나오는 화면입니다. 스타크래프트 게임 화면이 나와 있기 때문에 좀더 친근감을 가지고 클릭할 수 있는 반면, 바로 아래에 있는 글들처럼 이미지가 아예 없거나 사진이 있다고 하더라도 잘 보이지 않아 무슨 화면인지 분간이 가지 않을 경우에는 클릭을 하는 우선순위에서 밀릴 수가 있습니다.

그러면, 지금부터 티스토리 블로그에서 대표 이미지를 직접 지정하고 설정하는 방법에 대해서 알아보도록 하겠습니다.

먼저, 글쓰기를 눌러 글쓰기 화면으로 들어갑니다.

먼저, 사진을 몇 장 올려봅시다. 그러면 오른쪽 부분에 있는 파일보관함에 사진 파일들의 이름이 사진이 올라간 순서대로 첨부되어 있는 것을 확인할 수 있습니다. 티스토리 블로그에서 대표이미지는 맨 첫번째 사진으로 기본적으로 설정 되어 있습니다.

정말 맞는지 맨 위에 있는 이미지 파일을 클릭해봅시다.

맨 위에 있는 파일을 클릭하니, 파일보관함 바로 아래 빈 공간이었던 부분에 그림의 미리보기 화면이 뜨면서 오른쪽 아래에 작게 'v 대표'라는 표시가 되어 있는 것을 볼 수 있습니다. 대표는 대표 이미지, 즉 썸네일을 말하는 것이고, 이곳에 체크 표시가 되어 있다는 말은 이 사진 파일을 대표 이미지로 지정하겠다는 뜻입니다.

이번에는 아래 이미지 파일을 클릭해보도록 하겠습니다.

첫번째 이미지 파일과는 다르게 대표 옆에 v 체크표시가 없이 흰색 빈 박스만 있습니다. 

만약, 두 번째 이미지 파일을 포털 사이트에서 검색했을 때 나오는 이미지로 삼고 싶다면, 흰색 빈 박스를 눌러서 v 표시가 나오도록 만들어주면 됩니다.

대표를 클릭해주니 대표 옆에 v 체크 표시가 달렸습니다. 이로써, 두 번째 이미지가 대표 이미지로 설정이 된 것입니다.

이제, 더 이상 억지로 대표 이미지 썸네일을 맨 위에 놓지 마시고, 중간이나 끝에 있는 사진이라 하더라도 이와 같이 썸네일로 지정해보도록 합시다.

하지만, 매번 대표 이미지를 정해주는 것이 귀찮다고 생각이 드신다면, 썸네일로 쓸 사진을 맨 위로 가도록 해주시면 그 이미지가 대표 이미지가 되기 때문에 가장 위로 올려주시면 되겠습니다.

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기

티스토리 초대장 주는법 배포 방법

티스토리 블로그 댓글 아이콘 카카오 프렌즈 이미지 넣는 방법

티스토리 블로그 머리말 디자인 바꾸는 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱!

티스토리 블로그는 HTML 태그와 코드를 넣을 수 있기 때문에 글쓰는 입장에서 정말로 편합니다. 태그와 코드를 잘 모른다면 오히려 어렵게 느껴지고 불편하게 느낄 수도 있지만, 한 번 익혀두면 정말로 편하게 쓸 수가 있지요. 하지만, 티스토리 블로그를 이제 막 시작해서 코드를 넣는 법에 대해 잘 모르시는 분들을 위해, 이번에는 티스토리 블로그에 자신이 넣고 싶은 유튜브 동영상을 아주 간단하고 쉽게 넣는 방법에 대해서 알아보도록 하겠습니다. 코드를 잘 아시는 분이라 하더라도 일일이 유튜브 사이트에서 동영상을 검색해서 퍼가기, 공유하기 버튼을 눌러 동영상 크기를 일일이 선택해서 코드를 복사 붙여넣기 해오는 것은 번거로웠을 것이라고 생각합니다.

이번 포스팅을 통해 별도로 유튜브 사이트에 접속해서 퍼가기, 복사 붙여넣기 할 필요 없이 간단하게 해결하는 방법을 알아보도록 합시다.

먼저, q 버튼을 눌러서 관리자 모드에 들어갑니다. 

플러그인 설정을 누르고, 상단의 글쓰기 6이라고 되어 있는 부분을 눌러줍니다.

YouTube 동영상 넣기 앞에 v 체크표시가 되도록 설정해줍니다.

자, 이제 손쉽게 YouTube 동영상을 넣을 준비가 완료되었습니다.

이제 글을 써봐야겠죠?

글쓰기 버튼을 눌러 글쓰기 화면으로 진입합시다.

오른쪽 아래에 플러그인이 보입니다.  여기서 YouTube를 클릭합니다.

그러면 YouTube 동영상 첨부라는 화면이 뜹니다.

여기서 자신이 찾고 싶은 동영상 제목이나 유튜버의 이름을 넣고 검색 버튼을 눌러줍니다.

검색을 누르면 하단에 동영상이 좌르륵 나옵니다.

여기서 자신이 올리고 싶은 동영상을 선택합니다.

오른쪽에는 동영상 크기, 사이즈를 고를 수 있는 부분이 있으니,

본인이 넣고 싶은 사이즈를 골라 선택해준 후 등록 버튼을 눌러줍니다.

등록 버튼을 누르면 이렇게 동영상이 첨부된 것을 확인하실 수 있습니다.

일렉트릭 피아노 천재소녀 826asuka의 Truth 연주곡 한 번 들어보시지요^^

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱!

오늘은 티스토리 블로그 글 상단에 표시되는 Posted by 글쓴이를 없애는 방법에 대해 알아보도록 하겠습니다.

누구 누구가 쓴 글이다. 라는 것을 표시해주는 기능을 하고 있지만, 티스토리 블로그 글은 기본적으로 그 블로그 운영자가 작성한 글일 터이고, 만약 다른 곳에서 퍼온 글이라면, 반드시 출처를 밝히게 되어 있기 때문에 굳이 글 상단에 Posted by 글쓴이를 표시할 이유가 없습니다.

더구나 요즘에는 PC 사용자와 더불어 스마트폰이 대중화 되어, 누구나 스마트폰으로 인터넷 글을 검색하고, 티스토리 블로그 글 또한 읽는 환경이 조성되어 있습니다. 컴퓨터 화면은 큰 편이라서 Posted by 글쓴이가 있든 말든 별로 상관 없지만, 스마트폰 화면은 컴퓨터 화면과 비교했을 때 터무니없이 작기 때문에 그 공간 활용을 잘 해야 하는 문제가 생깁니다.

조금이라도 불필요한 부분은 최대한으로 줄이고, 

글을 읽으시는 분들께 좀 더 편하도록 할 수 있는 생각이 필요한 시점입니다.

▲ 티스토리 블로그 글 화면에 기본적으로 나와 있는 Posted by 글쓴이 화면입니다. 

작은 글씨로 눈에 잘 들어오지도 않을 뿐더러 블로그에 글을 올린 것은 

블로그 운영자라는 것이 당연한 것인데, 쓸데없이 자리만 차지하고 있습니다.

▲ Posted by 글쓴이를 제거한 화면입니다. 

공간이 아까보다 넓어진 것을 확인하실 수 있죠?

▲ 스마트폰 모바일 화면입니다. 

왼쪽이 posted by가 남아 있는 모습이고, 오른쪽이 제거된 모습입니다.

posted by가 제거된 쪽이 훨씬 깔끔해 보여 읽는데도 좀더 편해보입니다.

자, 그럼 이제부터 어떻게 하면 posted by 글쓴이를 제거할 수 있는지 알아보도록 합시다.

먼저, 블로그 화면에서 q 버튼을 눌러 관리자 모드로 들어갑니다.

관리자 모드에 들어왔다면, 꾸미기 > HTML/CSS 편집을 클릭해줍시다.

HTML을 선택해주고, 

Ctrl키와 F키를 동시에 눌러 검색할 수 있도록 합니다.

검색창에 article_rep_author 이라고 입력해준 후 엔터를 누릅니다.

그러면, 딱 하나가 나옵니다. 바로 그 행에 해당하는 부분 

1줄을 드래그 한 후 삭제를 합시다.

그리고, 저장 버튼을 누르면 끝! 입니다.

정말 간단하지요?

PC에서와 모바일 가독성을 높이기 위해 

몇 번의 클릭으로 posted by 글쓴이를 지워보도록 합시다!

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

티스토리 블로그는 원칙적으로 기존 블로거의 초대를 통해 운영할 수 있도록 되어 있습니다. 티스토리는 다양한 스킨이 있고, 자기의 입맛에 맛게 코드를 자유자재로 바꿔서 이렇게 저렇게 꾸밀 수도 있습니다. 

구글 애드센스나 텐핑, 다음 애드핏 등을 블로그에 넣어서 광고 수익을 낼 수도 있지요. 네이버 블로그에도 광고로 수익을 얻을 수 있는 플러그인이 있지만, 그 수익이 정말로 짜기 때문에 구글 애드센스를 가장 많이 선호합니다.

어떤 이유로든 티스토리 블로그를 선택해서 운영하고 계신 분들이라면, 다른 분들도 티스토리 블로그를 개설할 수 있도록 초대장을 주고 싶어지기 마련입니다. 

오늘은 티스토리 초대장을 다른 사람들에게 주는법, 티스토리 초대장 배포방법에 대해서 알아보도록 하겠습니다.

먼저, 내가 다른 사람을 초대할 수 있는 초대장이 있는가부터 확인해보아야 합니다.

블로그에서 q 버튼을 누르면 관리자 모드로 들어갈 수 있는데 여기서 왼쪽 부분 밑에 네트워크 > 초대관리로 들어갑니다.

초대관리 화면입니다.

티스토리 초대란 밑에 초대장이 7장 남았습니다. 

초대장은 매월 활동 내역에 따라 충전됩니다.

라는 문구가 보입니다. 

블로그를 얼마나 활발하게 운영하느냐에 따라 

줄 수 있는 초대장 매수가 더 많아진다고 합니다.

저는 처음에 배포할 수 있는 초대장이 주어졌다는 사실을 알고나서 고민했습니다.

보통 티스토리 블로그를 개설하기 위한 초대장을 받으려면 

티스토리 홈페이지의 왼쪽 하단에 있는

티스토리를 시작하시려면 초대장 받기를 클릭해서

위와 같은 화면에서 사람들이 초대장을 준다는 글을 눌러 

이메일과 블로그 개설 목적을 적은 후

블로거의 초대 메일이 오기만을 기다리게 됩니다.

그렇다면, 어떻게 하면 

다른 사람들이 이곳에서 내 글을 보고 초대장 요청을 받을 수 있을까요?

그냥 티스토리 블로그 초대장 드립니다. 라고 제목을 써서 글을 쓰면 될까?

라고 생각했습니다.

하지만, 

그게 아니었습니다.

글쓰기를 누르면 아래와 같은 화면이 나옵니다.

오른쪽의 기본설정란에 보시면, 

글의 주제를 선택할 수 있는 란이 보일 것입니다.

거기서 맨 밑까지 스크롤을 내려보시면, 

이벤트라는 항목에 티스토리 초대장이 있습니다.

네. 맞습니다. 바로 글의 주제를 이것으로 등록하고 글을 올리시면,

티스토리 사이트에서 초대장 받기를 눌렀을 때 봤던 

그 게시판에 내가 쓴 글이 올라가는 것입니다.

초대장을 받기를 원하시는 분을 위한 글을 잘 써서 올려주시면

많은 분들이 댓글에 이메일과 블로그 개설 목적을 적어주실 것입니다.

이중에서 블로그만 만들고 방치하지 않고, 스팸 목적으로 쓰지도 않고,

블로그 활동을 열심히 꾸준히 할 것 같은 분을 발견하셨다면, 

다시 관리자 모드로 들어갑시다.

아까와 같은 방법으로 초대관리까지 들어가시면

우측란에 초대하기+라는 부분이 보이실 것입니다.

이것을 누르면, 받는 사람이라고 해서 

이메일 주소를 입력하는 란이 보입니다.

이곳에 본인이 마음에 드는 분의 이메일을 적어 넣으시면 됩니다.

혹시 초대 말을 수정하고 싶으시다면, 기존에 있던 글귀는 지우시고, 

수정해서 보내기를 누르시면 초대 메일이 발송 됩니다.

여기까지 티스토리 초대장 주는 방법과 

초대 메일 보내는 방법까지 알아보았습니다.

부디 이 글을 통해 저처럼 헤메시는 분이 없기를 바라며, 

꼭 티스토리 블로그 활동을 열심히 하셔서

다른 분들께 도움이 되는 글을 많이 쓰실만한 분들을 발굴해보도록 합시다!^^

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱!

티스토리 블로그에는 다양한 스킨이 있습니다. 반응형, 1단형, 2단형, 3단형, 기타 스킨으로 종류도 여러가지 있습니다. 그만큼 여러 디자인의 블로그를 사용할 수 있는 것입니다. 이미 만들어진 스킨 뿐만 아니라 개인이 직접 자신이 원하는 모양으로 스킨을 제작할 수도 있습니다. 

그중에서 Readiz님이 제작한 FastBoot은 보기도, 사용하기도 편리해서 많은 티스토리 블로거분들이 애용하는 스킨 중 하나입니다. 제 블로그도 FastBoot 스킨을 적용한 상태입니다. 대부분의 스킨을 적용해보았지만, 가장 마음에 들었기 때문입니다.

하지만, 모든 블로거들의 입맛을 맞출 수는 없는 법입니다. 

Readiz님도 더 많은 블로거들이 선호하는 방향으로 

스킨을 연구하시고 개발하고 계시는 중입니다.

위와 같이  FastBoot 스킨의 댓글란을 보면 

눈사람 같은 모양의 아이콘이 있는 것을 볼 수 있습니다. 

심플하고 깔끔해서 보기 좋지만, 

그렇기에 조금은 손보고 싶은 마음도 듭니다.

반응형 스킨#2의 댓글란을 보면 티스토리가 다음 카카오와 합쳐진 이후

이렇게 카카오 프렌즈 캐릭터 아이콘이 표시되어 있는 것을 볼 수 있습니다.

평소에 카카오톡을 애요하는 사람으로서 매우 탐이 나는 부분입니다.

자, 지금부터 이것을 어떻게 하면, 

FastBoot 스킨에 적용시킬 수 있을지 알아보겠습니다.

먼저, 관리자 모드로 들어가서 자신이 적용하고 있던 스킨을 저장하기 위해

 스킨 > 스킨저장에서 저장해둡시다.

그리고, 스킨 > 반응형#2스킨을 적용한 후에

HTML/CSS 편집을 눌러 HTML로 들어갑니다.

Ctrl키와 F키를 동시에 눌러 c96이라고 쳐줍니다.

그러면 아래쪽 쯤에 <img src~~~~~"프로필사진"> 코드가 보입니다.

이 부분을 복사해 메모장에 붙여줍니다.

이제 다시 스킨 > PC보관함에 들어가서 

아까 저장해 놓았던 스킨을 다시 적용해줍니다.

그리고 방금 전과 같이 HTML/CSS 편집을 눌러주시고

이번에는 Ctrl키와 F키를 누른 후 user.png라고 검색해줍니다.

위 사진의 빨간 부분의 <img src= ~~~~~~~~~~~~10px;"> 이 부분을

방금 전 복사해두었던 코드로 덮어씌어 주고

상단 부분의 저장을 눌러줍니다. 

여기까지 작업이 끝나면, 댓글란에 

귀여운 카카오 프렌즈 캐릭터 아이콘이 표시되어진 것을 확인할 수 있습니다.

이 방법을 활용, 응용해서 자신의 입맛에 맞도록 댓글 아이콘을 꾸며보도록 합시다^^

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

안녕하세요! 

2017년 4월 티스토리 블로그 초대장을 선착순으로 배포해드립니다.

2월까지만 해도 티스토리 어플을 통해 초대장 없이 티스토리에 가입해서 블로그를 운영할 수 있었습니다.

하지만, 지금은 어플을 통해서도 블로그 가입을 할 수 없다고 합니다. 

이에, 티스토리를 통해 여러 사람들에게 도움이 되는 정보를 알려드리고 싶으신 분들을 위해 초대장 7장을 나눠 드리고자 합니다.

초대장을 원하시는 분들은

아래 댓글에 

1. 블로그를 운영하려고 하는 주제와 목적

2. 이메일주소

를 적어주시기 바랍니다.

목적이 뚜렷하신 분들을 기준으로 

선착순으로 초대장을 보내드리겠습니다.

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

티스토리 블로그를 통해 글을 쓰다보면, 

조금 더 깔끔하고 정리된 느낌을 들게 하기 위해서 

머리말을 활용하는 경우가 있습니다. 

그런데, 이 머리말의 디자인은 스킨 별로 다르게 적용되고, 

관리자 설정에서 변경할 수가 없다는 한계가 있습니다. 

머리말 디자인 바꾸는 방법

내가 원하는 디자인 대로 머리말의 색과 굵기를 바꾸고 싶을 땐 어떻게 해야 할까요? 

이번 포스팅에서는 머리말의 디자인을 바꾸는 방법에 대해서 알아보도록 하겠습니다.

단, 몇 번의 클릭만으로도 아주 쉽게 바꿀 수 있으니, 천천히 따라오시면 됩니다.

위 이미지는 머리말2를 적용해서 글의 소제목을 달아본 모습입니다. 

Fastboot 스킨에서는 회색으로 옅게 줄이 그어져 있을 텐데 밝은 하늘색으로 바꿔보았습니다.

방법은 아주 간단합니다.

먼저, 관리자 모드로 들어가신 후, 

HTML/CSS 편집을 누릅니다.

CSS로 들어가서 Ctrl + F를 눌러서

article h1이라고 검색을 해줍니다.

그러면 밑에 

border-bottom: 2px solid #aaa;

border-left: 12px solid #aaa; 

이런 식의 코드가 적혀 있을 것입니다.

border-bottom이 밑줄을 뜻하고, 

2px는 굵기를 조절하는 부분입니다. 

solid #aaa; 는 밑줄의 색을 바꿀 수 있는 부분에 해당합니다.

border-left는 왼쪽 줄을 뜻합니다. 

12px도 마찬가지로 굵기를 나타내고

solid #aaa;는 왼쪽 선의 색을 변경할 수 있는 부분입니다.

색상 코드를 모르시는 분이라면,

네이버의 색상 코드에서 자신이 원하는 색을 고르셔서

넣으시면 되겠습니다.

▶ 네이버의 색상 코드 : 네이버 색상 코드 바로가기

이제 머리말을 내 입맛에 맛게 디자인을 바꿔보도록 합시다!

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을꾸~욱 눌러주세요!