본문 바로가기

블로그 운영 노하우

티스토리 블로그 메인 꾸미기 fastboot 1.6.2 설정 및 모바일 노출방법

반응형

티스토리 블로그 메인 꾸미기 fastboot 1.6.2 설정 및 모바일 노출방법


안녕하세요

애드센스를 운영하는데 있어서 잘 짜여진 블로그 구조는 수익에 매우 좋은 영향을 줍니다 

하지만 어떻게 블로그를 디자인 해야 할지 망설이신다면 반응형 디자인을 권장해 드립니다


오늘은 반응형 디자인 fastboot 1.6.2를 적용한 후에 블로그 메인

화면을 꾸미는 방법에 대해 소상히 알려드리고자 합니다.


일단 저의 블로그 메인 화면을 보면 카테고리별로 잘 정리가 된것을 보실수가 있습니다 

그렇다면 어떻게 해야 이렇게 적용이 가능한지 알려드리겠습니다


1.티스토리 블로그 메인 꾸미기 방법



블로그 관리로 들어가신 후에 html/css 편집 버튼을 누르시고 f_enable 라고 검색하시면 

false 라고 되어 있는 부분을 true로 화면에 보시는 것처럼 변경해 주세요.



그다음으로는 블로그 관리 로 다시 오셔서 꾸미기 영역에 있는

설정 버튼을 눌러 주세요. 그런 후에 티에디션을 사용합니다로

변경해 주시면 됩니다 저장버튼을 꼭 눌러주세요.


2.fastboot 1.6.2 티에디션 설정방법




3.fastboot 1.6.2 메인 이미지 설정방법


티에디션 설정하기 버튼을 누르시면 현재 블로그의 메인화면을 보실수가 있는데요. 

편집하실 아이템을 선택하세요 라고 뜰때 메인에 있는 메뉴를 클릭해 주세요.


현재 이미지가 메뉴를 클릭했을때 모습입니다. 티스토리 아이템 부분이 활성화 된것을 보실수가 있는데요. 

이중에도 목록형에서 2번째 있는 것을 선택해 주세요.


그럼 보시는 것처럼 한줄에2개씩 이미지가 보여지기 시작합니다

글쓴 내용을 더보이게 설정하려면 하단에 있는 +- 버튼중에

+ 버튼을 클릭하면 해당 내용이 더 길어져 보이게 됩니다.



이렇게 설정이 완료 되셨다면 글선택으로 이동하셔서 메인에 보여주고 싶은 카테고리를 선택해 줍니다. 


전 나들이 및 여행지를 선택했습니다. 그러니까 메인에 갑자기 화면이 적용 된것을 볼수가 있습니다. 

그 다음 디자인쪽으로 넘어가 주세요.



타이틀은 메인 화면에서 보여지는 타이틀에 보여질 것으로 해당 내용은 적절하게 표기를 해주시면 

되시고 폰트는 14포인트로 맞췄을때 저의 블로그 처럼 보여지게 되고 글제목은 12pt, 글요약

부분은 9 포인트로 맞추면 저와 블로그가 동일하게 해지는것을 느낄수가 있습니다.


하지만 여기서 잠깐! 혹시라도 아직 나눔고딕체가 적용되지 않은

블로그 라면 폰트가 제 블로그와 다르게 보일수 있으니 이점 참고해 주세요.


4.티스토리 반응형 홈페이지 모바일 적용하는 방법




그럼 여기까지 오셨다면 티에디션을 모바일에도 보여지도록 하는

방법을 알려드리겠습니다. 티스토리 모바일에서도 반응형 홈페이지가

적용되도록 하기 위해서 방법은 간단 합니다


블로그 관리쪽으로 이동하신 후에 꾸미기- 모바일을 클릭해 줍니다.

저처럼 티스토리모바일웹 자동연결을 사용하지 않습니다로 바꿔 줍니다

이렇게 해야 반응형 홈페이지가 모바일에서도 정상적으로 출력이

이루어 지게 됩니다


참고로 반응형 홈페이지를 모바일에 적용한 후에 기존에 상단에 배너를

2개씩 노출시키던 블로거의 경우 설정을 바꿔 줘야 하기 때문에

그 부분에 대해서는 다음에 말씀 드리도록 할께요.


[애드센스 운영노하우] - 티스토리 운영 애드센스 수익 900 달성후기 (1년이상)



반응형