Fastboot스킨 메인화면 티에디션으로 변경하기 Fastboot스킨 메인화면 첫페이지 꾸미기2 이제 Fastboot스킨으로 메인화면 꾸미는 것 까지 완성됐다. 지금부터는 현재 본 블로그에 적용된 메인 화면처럼 변경하는 것을 따라해 보고자 한다. 현재 본 블로그에 쓰고 있는 메인 화면 구성은 아래 그림과 같다. 참고로 현재 본 포스팅을 작성하는 시점의 메인화면 구성이다. 이렇게 메인화면을 변경하려면 먼전 활성화 되어 있는 메인호면 우측 상단에 있는 티에디션 아이콘을 클릭한다. 그러면 티에디션이 직사각형으로 커지면서 다양한 템플릿이 나오는데 먼저 적용할 곳을 클릭한다. (아래 그림 빨간 네모 부분을 클릭) 그리고 티에디션에서 아이템 탭에서 목록형을 클릭한 후 아래 오른쪽 화살표를 눌러 빨간 네모의 템플릿을 찾아 선택한다. 그리고 글선택 탭을 클릭한후 해당.. 더보기 Fastboot스킨 메인화면 첫페이지 꾸미기 Fastboot스킨 메인화면 첫페이지 꾸미기 1. 태터테스크 설정해서 메인화면(첫페이지) 꾸미기 2. Fastboot스킨 티에디션 사용 설정하기 3. Fastboot스킨 메인화면 우측 사이드 메뉴 보이게 변경하기 Fastboot 스킨을 적용하면 그림1처럼 처음에는 메인 화면이 다음과 같이 기본 구조가 Fastboot 스킨으로 반영이 되고 컨텐츠는 빈것으로 나온다. 그럼 카테고리로 들어가 보면 어떻게 보일까? 현재 '티스토리 따라하기'대 카테고리를 만들었고 그 밑으로 '스킨 꾸미기'와'배너 꾸미기'란 소 카테고리를 만들어 논 상태이다. 카테고리를 클릭하면 그림2 처럼 포스팅 본문이 보이고 오른쪽으로 메뉴들이 자리잡고 있는 것을 볼 수 있다. 이번 시간엔 메인 페이지에 컨텐츠들이 보이게 하는 것과 메인 페이.. 더보기 티스토리 Fastboot스킨 적용 후 사이드바 만들기 티스토리 Fastboot스킨 적용 후 사이드바 만들기 티스토리 최적화 스킨으로 알려진 Fastboot스킨을 적용하고 나면 가정 먼저 의아한 것이 사이드바가 없다는 겁니다. 사이드바의 필요성이 없는 분이라면 상관이 없겠지만 대부분의 블로거들은 사이드바를 애용하리라 생각됩니다. 그렇다면 Fastboot스킨에서는 사이드바를 사용할 수 없을까요? 고민하던중 정보를 찾게되어 공유하여 드립니다. 아래 화면처럼 우측사이드바에 최신글, 베스트글 정보들이 있어서 유용한 컨텐츠와 블로그 들어와서 양질의 컨텐츠를 보여줄수 있어서 좋을듯 하다. Fastboot스킨 적용 후 우측 사이드바 만들기 아래는 양질의 컨텐츠 적용과 우측 사이드바 적용한 블로그이다. 우측 사이드바가 있어서, 사용자의 정보와 배너, 최근글, 메뉴 카테고리.. 더보기 Fastboot 반응형 스킨 다운로드 및 적용하기 Fastboot 스킨 적용하기 블로그를 만들었으면 이젠 블로그 꾸미기를 해볼까 한다. 물론 블로그를 꾸미는 것도 중요 하지만 그보다 더 중요한 것은 양질의 컨텐츠이다. 스팅 된 글들이 양이 적거나 적합한 내용이 아니면 방문자수를 기대하기가 어렵다. 이러한 컨텐츠가 방문자수를 결정하는 것이지 블로그가 아무리 이쁘다고 해서 방문자가 늘어나는 것은 아니기 때문이다. 그러므로 일단 양질의 컨텐츠를 늘려간다는 전제하에 이왕이면 보기 좋은 블로그를 만들어 보는 방법을 배워보자. 일단 스킨은 여러가지 있지만 가장 쉽게 접할 수 있는것이 티스토리에서 제공하는 스킨이다. 여러가지가 있으니 마음에 들지 않는다면 방법은 또 있다. 직접 html로 편집을 하여 스킨을 만들어 쓸수도 있고, 혹은 돈주고 맡기면 된다. 그러나 돈.. 더보기 티스토리 Fastboot 스킨 하단 설명 메뉴 색상 변경하기 티스토리 Fastboot 스킨 하단 설명 메뉴 색상 변경하기 Fastboot스킨에서 상단 메뉴 색상 변경하는 방법과 상단 메뉴에서 카테고리 하위 메뉴 색상을 변경하는 방법을 배워 보았다. 상단은 원하는 색상으로 변경을 하였는데 그러다 보니 하단은 원래 색상인 회색으로 되어 있어서 어떻게 보면 언발란스한 느낌이다. 이 느낌이 좋다면 그대로 사용해도 되는데 본인은 통일을 해주는게 낫다 싶어서 비슷한 색상으로 통일하였다. 오늘은 Fastboot스킨 하단 설명 메뉴 부분의 색상을 변경해 주는 방법에 대해 알아 보겠다. Fastboot 하단 설명 메뉴 부분 색상 변경하기 하단 설명 메뉴 색상을 변경하기에 앞서 상단 메뉴바 색상 변경하기외 하위메뉴 색상 변경하는 방법을 아직 모르고 있다면 먼저 아래 링크를 통해 참.. 더보기 Fastboot 스킨 상단 메뉴 한글로 변경하고 글쓰기 관리자 넣기 Fastboot 스킨 상단 메뉴 한글로 변경하고 글쓰기 관리자 넣기 Fastboot 스킨으로 변경하면 상단 메뉴가 기본적으로 아래 그림처럼 'Home, Tag, Guestbook, Recents'로 되어 있다. 또한 글쓰기나 관리자 부분은 하단에 위치하고 있다. 블로그에서 글을 쓰거나 관리자 페이지로 들어가기 위해 하단으로 스크롤 내려야 하는 번거로움이 있기 때문에 글쓰기와 관리자 부분을 상단 메뉴에 포함 시켜 보려고 한다. Fastboot 스킨 상단 메뉴 변경하기 상단 메뉴를 변경하기 위해서는 티스토리 블로그관리홈> 꾸미기> 스킨편집> html 편집 으로 들어간다. HTML부분에서 Ctrl + F를 눌러 검색을 활성화 하고 'menu'를 검색하면 'rightMenus'태그가 검색된다. 참고로 익스플로어.. 더보기 티스토리 Fastboot 스킨 상단 메뉴바의 하위 메뉴 색상 변경하기 상단 메뉴바의 하위 메뉴 색상 변경하기 지난 시간에 상단 메뉴바의 색상을 변경해 보았다. 원래는 진한 회색이였던 상단 메뉴바의 개인 취향에 따라 변경하여 좀 더 화려한 블로그가 되었으리라 생각된다. 그러나 상단 메뉴바의 색상을 변경하면 한가지 거슬리는 점이 있다. 상단 메뉴바의 카테고리위에 마우스를 올릴 경우 하위 메뉴가 나오는데 하위 메뉴 색상이 여전히 회색이라는 점이다. 물론 회색으로 나둬도 괜찮지만 개인적으로는 상단 메뉴바 색상과 통일하는것 이 더 나은 듯하여 상단메뉴바의 하위 메뉴 색상도 바꿔 주었다. 그래서 오늘은 상단 메뉴바의 하위 메뉴 색상을 바꾸는 방법을 알아보겠다. Fastboot 상단 메뉴바의 하위 메뉴 색상 변경하기 상단 메뉴바에서 카테고리위에 마우스를 올리면 하위 메뉴가 나오는데 상.. 더보기 Fastboot스킨 상단 메뉴바 색상 변경하기 상단 메뉴바 색상 변경하기 오늘은 Fastboot 스킨 상단 메뉴바의 색상을 변경하는 방법을 배워 보겠다. Fastboot 스킨을 설치하면 기본적으로 진한 회색으로 세팅이 되어 있다. 기본 색상도 그리 튀지도 않고 안정감이 있어 본인도 그대로 썼었는데 필자는 아주찐한 블랙컬러가 맘에 들어서 블랙컬러로 바꿔보았다. 상단 메뉴바 색상을 변경하는 방법은 그리 어렵지 않다. 색상 코드표 두개만 바꿔주면 되니 한 번 따라해 보길 바란다. Fastboot 스킨 상단 메뉴바 색상 변경하는 방법 일단 Fastboot 스킨을 설치하면 아래 그림처럼 회색으로 셋팅되어 있다, 이 상단 메뉴의 색상을 변경해 보려 한다. 먼저 블로그관리홈> 꾸미기> 스킨편집> html 편집 으로 들어간다. 상단에 CSS 탭을 선택한 후 Ctr.. 더보기 티스토리 메뉴 중 서식 관리 활용하기 티스토리 메뉴 중 '서식 관리' 활용하기 티스토리를 꾸미다 보면 서식 관리 라는 메뉴가 있다. 처음 티스토리를 하시는 분들은 이것이 무엇에 쓰는 물건인고 하고 궁금해 하실 것 같아 서식 관리를 활용하는 방법에 대해 알아보고자 한다. 서식 관리를 잘 활용하면 굉장히 편리한 메뉴이미로 잘 숙지하여포스팅을 할때 사용하면 한결 편하게 포스팅 할 수 있다. 서식 관리에서 서식 만들기 서식 관리 메뉴는 포스팅을 하기 전에 미리 자신이 자주 쓰는 서식을 만들어서 포스팅을 쓸 때 클릭 한번으로 바로 넣을 수 있는 기능이다. 포스팅에 항상 들어가는 이미지나, 광고배너, 자신만의 로고, 문구등을 넣을 때 매번 써야 하는 번거로움을 덜 수 있다. 그럼 예를 들어 가면서 만드는 방법을 알아보자. 맨 아래에 이런 서식을 넣어 .. 더보기 Fastboot 우측 사이드바 추천모듈 뱃지 색상 및 글자 바꾸기 우측 사이드바 추천모듈 뱃지 색상 및 글자 바꾸기 우측 사이드바 추천(Recommended) 모듈 뱃지 아이콘 색상 및 글자 바꾸기 저번 시간에 우측 사이드바에 추천 모듈을 다는 방법을 배워 보았다. 그때 배웠을 때 추천모듈의 제목 옆'new' 나 'hot'처럼 아이콘으로 되어 있는 뱃지를 볼 수 있는데 다 빨간색으로 되어 있었다. 그런데 지금 레드시크릿 블로그를 보면 노란색, 빨간색, 파란색등 다른 색이 들어가 있는 것을 볼 수 있다. 오늘은 좀 더 이쁘고 화려하게 보일 수 있도록 뱃지 색상을 바꾸는 배워 보겠다. 추천모듈 뱃지 색상 바꾸기 - CSS 수정 일단 뱃지색상을 바꾸기전에 이미 지난 시간에 배웠던 추천 모듈이 적용되어 있을 것이다. 이미 적용은 다 끝난 상태이므로 약간의 수정만 하면 된다. .. 더보기 Fastboot 우측 사이드바 추천(Recommended) 모듈 달기 Fastboot 우측 사이드바 추천(Recommended) 모듈 달기 오늘은 우측 사이드바에 추천 모듈을 달아 보도록 하겠다. 이건 Fastboot스킨을 쓰는 분들 뿐 아니라 티스토리 전체 사용자에게 적용된다. 추천 모듈은 자신이 보여주고자 하는 포스팅이나 링크를 걸 수 있도록 하는 것으로, 추천 모듈을 통해 페이지뷰를 늘릴 수 있을 것으로 예상된다. 추천 모듈을 설정하는 방법은 두 가지가 있다. 첫번째 방법은 html 편집으로 들어가서 추천 모듈 소스를 삽입하는 방법이 있고, 두번째는 사이드바 메뉴에서 html 배너 출력을 통해서 설치하는 방법이다. 이 중 쉬운 두번째 방법으로 설치하는 법을 배워 보도록 하겠다. 어차피 결과는 똑같기 때문에 이왕이면 조금이라도 더 쉬운 방법이 좋지 않겠는가? 또한 이 .. 더보기 티스토리 Fastboot 카테고리 모드 타이틀. 갤러리, 리스트 모드 변경 및 없애기 티스토리 Fastboot 카테고리 모드 타이틀. 갤러리, 리스트 모드 변경 및 없애기 티스토리 Fastboot 스킨을 쓰면서 카테고리를 선택하면 각 카테고리의 포스팅 목록이 나열된다. 그런데 이 카테고리 목록을 나열하는 방식이 총 세가지가 있다. 순서는 갤러리, 리스트, 타이틀 순이다. 기본적으로는 갤러리 모드로 나열이 되고 만일 최종적으로 타이틀을 선택을 했다면 그 다음부터는 타이틀을 먼저 뜨게 된다. 그러나 갤러리 모드는 큰 이미지와 함께 뜨기 때문에 로딩 시간이 좀 걸리고 제목이 작기 때문에 보통 리스트 모드나 타이틀 모드가 보기에는 효율적이다. 그래서 오늘은 이 카테고리 모드의 기본 셋팅을 바꿔주고자 한다. Fastboot 카테고리 타이틀 모드를 기본으로 셋팅하기 갤러리 모드는 아래와 같이 큰 이.. 더보기 티스토리에 SNS공유하기 버튼 달기 Fastboot 티스토리에 SNS 공유하기 버튼 달기 티스토리를 하다보면 방문자들이 SNS를 이용하여 공유를 하기도 한다. 그래서 이번에는 SNS 공유를 쉽게 할 수 있도록 티스토리에 애드디스를 이용해서 이쁜 SNS 공유하기 버튼을 만드는 방법을 알아보겠다. Fastboot 티스토리에 애드디스를 이용해서 SNS 공유하기 버튼 만들기 먼저 SNS 공유하기 버튼을 만들기 위해서 애드디스 홈페이지로 간다. 애드디스 홈페이지 가기 클릭 홈페이지에 들어가면 일단 로그인을 해야 하는데 저는 구글 계정으로 하였다. 이메일을 입력하고, 나라를 선택하고, 그 아래로 각종 동의를 한다. 로그인을 하였으면 Share Buttons를 클릭한다. 그리고 Floationg을 클릭한 후 맨아래 Continue를 클릭한다. 이제 세.. 더보기 티스토리 fastboot 우측 사이드바 배너 위 제목 만들기 티스토리 fastboot 사이드바 제목 만들기 우측에 사이드바가 있는데 각종 메뉴들을 넣을 수 있는 자리이다. 이곳의 기본 메뉴들을 보면 위에 지붕이 덮여 있고 그 곳에 제목이 있다. fastboot스킨을 적용하면 기본적인 사이드바들은 아래 그림처름 잘 되어 있는데 문제는 새로운 사이드바 메뉴를 HTML배너 출력을 이용해서 만드는 경우에 배너위 제목바를 따로 설정해 주어야 한다는 것이다. 사실 이 부분은 fastboot스킨 뿐만 아니라 기본 스킨을 쓰고 있어도 마찬가지다. 바로 전 포스팅에 구글맞춤검색엔진의 구글검색창달기를 이야기 했었는데, (안보신 분들은 아래 링크를 참고하시길 바랍니다) 티스토리 우측 사이드바 구글 검색창 넣기 구글검색창 코드를 넣어서 사이드바에 넣으면 아래 그림처럼 보인다. 그래서 .. 더보기 티스토리 Fastboot 사이드바에 구글 번역기 <Google Translator> 달기 티스토리 Fastboot 사이드바에 구글 번역기를 달아보자! 티스토리 블로그는 전세계 사람들이 본인의 블로그에 들어와서 정보를 이용할 수 있으면, 본인의 블로그 활동하는데 있어서 도움이 될것이다. 전세계 사람들이 구글 번역기를 통해서 자신의 블로그를 볼 수 있는 것이다. 조회수를 늘리고 싶거나, 애드센스를 이용하신 블로거는 한번 다는것도 괜찮을 것이다. 구글 번역기는 fastboot스킨을 굳이 사용하지 않더라도, 티스토리 블로그를 이용하게 되면 구글 번역기를 사용할 수 있다. 저의 티스토리fastboot 블로그 우측에 번역기를 달아 놨는데. 이제부터 구글 번역기를 어떻게 적용하는지에 대해서 소개 하겠다. 다운받는 법 아래 링크를 클릭해주세요. https://translate.google.com/manag.. 더보기 이전 1 2 다음
