'IT & WEB/티스토리 쉽게 따라하기' 카테고리의 글 목록

Fastboot 상단 블로그 제목 부분에 배경 이미지 넣고 수정하기

[티스토리 쉽게 따라하기] Fastboot 블로그 상단 배경 이미지 넣고 수정하기 티스토리 블로그 상단을 보시면 블로그 제목이 보입니다. 오늘은 이부분을 바꿔 보려고 합니다. 아무래도 상단이기 때문에 방문자들이 가장 먼저 보는 곳이기에 첫 인상중 하나가 되기에 이왕이면 이쁘면 좋겠지요. 그러나 블로그는 화려함 보다는 깔끔한 것이 더 좋다는게 제 개인적인 의견입니다. 블로그는 일단 포스팅 내용이 가장 중요하기 때문에 그 주위가 너무 화려해서 포스팅을 읽는데 있어서 자꾸 시선을 빼앗기게 된다면 안되겠지요. 그러나 깔끔한것도 좋지만 분위기를 바꿔보고 싶다면, 혹은 지금보다 더 깔끔한 상단을 만들고 싶다면 다음과 같이 만드시면 됩니다. 티스토리 Fastboot 상단 제목 이미지 수정하기 지금 현재 블로그 모습입..

IT & WEB/티스토리 쉽게 따라하기 2018. 6. 23. 01:30

티스토리 fastboot 스킨 하단 설명 메뉴 색상 변경하기

티스토리 쉽게 따라하기 - fastboot 스킨 하단 설명 메뉴 색상 변경하기fastboot스킨에서 상단 메뉴 색상 변경하는 방법과 상단 메뉴에서 카테고리 하위 메뉴 색상을 변경하는 방법을 배워 보았다. 위에는 원하는 색상으로 변경을 하였는데 그러다 보니 하단은 원래 색상인 회색으로 되어 있어서 어떻게 보면 언발란스한 느낌이다. 이 느낌이 좋다면 그대로 사용해도 되는데 본인은 통일을 해주는게 낫다 싶어서 비슷한 색상으로 통일하였다. 오늘은 fastboot스킨 하단 설명 메뉴 부분의 색상을 변경해 주는 방법에 대해 알아보겠다. fastboot 하단 설명 메뉴 부분 색상 변경하기 하단 설명 메뉴 색상을 변경하기에 앞서 상단 메뉴바 색상 변경하기와 하위메뉴 색상 변경하는 방법을 아직 모르고 있다면 먼저 아래 ..

IT & WEB/티스토리 쉽게 따라하기 2018. 1. 23. 13:29

티스토리 fastboot 스킨 상단 메뉴바의 하위 메뉴 색상 변경하기

티스토리 쉽게 따라하기 - fastboot 스킨 상단 메뉴바의 하위 메뉴 색상 변경하기 지난 시간에 상단 메뉴바의 색상을 변경해 보았다. 원래는 진한 회색이였던 상단 메뉴바의 색상을 개인 취향에 따라 변경하여 좀 더 화려한 블로그가 되었으리라 생각된다. 그러나 상단 메뉴바의 색상을 변경하면 한가지 거슬리는 점이 있다. 상단 메뉴바의 카테고리위에 마우스를 올릴 경우 하위 메뉴가 나오는데 하위 메뉴 색상이 여전히 회색이라는 점이다. 물론 회색으로 나둬도 괜찮지만 개인적으로는 상단 메뉴바 색상과 통일하는것이 더 나은 듯하여 상단메뉴바의 하위 메뉴 색상도 바꿔 주었다. 그래서 오늘은 상단 메뉴바의 하위 메뉴 색상을 바꾸는 방법을 알아보겠다. fastboot 상단 메뉴바의 하위 메뉴 색상 변경하기 상단 메뉴바에서..

IT & WEB/티스토리 쉽게 따라하기 2018. 1. 22. 13:12

티스토리 fastboot 카테고리 모드 타이틀,갤러리,리스트 모드 변경 및 없애기

티스토리 쉽게 따라하기 - fastboot 카테고리 모드에서 갤러리,리스트,타이틀 모드 변경하기 티스토리 fastboot 스킨을 쓰면서 카테고리를 선택하면 각 카테고리의 포스팅 목록이 나열된다. 그런데 이 카테고리 목록을 나열하는 방식이 총 세가지가 있다. 순서는 갤러리, 리스트, 타이틀 순이다. 기본적으로는 갤러리 모드로 나열이 되고 만일 최종적으로 타이틀을 선택을 했다면 그 다음부터는 타이틀로 먼저 뜨게 된다. 그러나 갤러리 모드는 큰 이미지와 함께 뜨기 때문에 로딩 시간이 좀 걸리고 제목이 작기 때문에 보통 리스트 모드나 타이틀 모드가 보기에는 효율적이다. 그래서 오늘은 이 카테고리 모드의 기본 세팅을 바꿔주고자 한다. Fastboot 카테고리 타이틀 모드를 기본으로 세팅하기 갤러리 모드는 아래와 ..

IT & WEB/티스토리 쉽게 따라하기 2018. 1. 12. 11:42

fastboot 스킨 상단 메뉴바 색상 변경하기

티스토리 쉽게 따라하기 - fastboot 스킨 상단 메뉴바 색상 변경하기 오늘은 fastboot 스킨 상단 메뉴바의 색상을 변경하는 방법을 배워 보겠다. fastboot 스킨을 설치하면 기본적으로 진한 회색으로 세팅이 되어 있다. 기본 색상도 그리 튀지도 않고 안정감이 있어 본인도 그대로 썼었는데 새해를 맞이하여 좀 더 산뜻한 색으로 바꿔보았다. 상단 메뉴바 색상을 변경하는 방법은 그리 어렵지 않다. 색상 코드표 두개만 바꿔주면 되니 한번 따라해 보길 바란다. fastboot 스킨 상단 메뉴바 색상 변경하는 방법 일단 fastboot 스킨을 설치하면 아래 그림처럼 회색으로 세팅되어 있다. 이 상단 메뉴의 색상을 변경해 보려 한다. 먼저 블로그관리홈> 꾸미기> HTML/CSS편집 으로 들어간다. 상단에 ..

IT & WEB/티스토리 쉽게 따라하기 2018. 1. 10. 14:33

Fastboot 티스토리에 SNS 공유하기 버튼 달기

티스토리 쉽게 따라하기 - Fastboot 티스토리에 SNS 공유하기 버튼 달기 티스토리를 하다보면 방문자들이 SNS를 이용하여 공유를 하기도 한다. 그래서 이번에는 SNS 공유를 쉽게 할 수 있도록 티스토리에 애드디스를 이용해서 이쁜 SNS 공유하기 버튼을 만드는 방법을 알아보겠다. Fastboot 티스토리에 애드디스를 이용해서 SNS 공유하기 버튼 만들기 먼저 SNS 공유하기 버튼을 만들기 위해서 애드디스 홈페이지로 간다. 애드디스 홈페이지 가기 클릭 홈페이지를 들어가면 일단 로그인을 해야 하는데 나는 구글 계정으로 했다. 이메일을 입력하고, 나라를 선택하고, 그 아래로 각종 동의를 한다. 로그인을 했으면 Share Buttons 를 클릭한다. 그리고 Floationg을 클릭한 후 맨아래 Contiu..

IT & WEB/티스토리 쉽게 따라하기 2018. 1. 2. 14:58

티스토리 쉽게 따라하기 - 우측 사이드바 추천모듈 뱃지 색상 및 글자 바꾸기

티스토리 쉽게 따라하기 - 우측 사이드바 추천(Recommended) 모듈 뱃지 아이콘 색상 및 글자 바꾸기 저번 시간에 우측 사이드바에 추천 모듈을 다는 방법을 배워보았다. 그때 배웠을 때 추천모듈의 제목 옆 'new' 나 'hot'처럼 아이콘으로 되어 있는 뱃지를 볼 수 있는데 다 빨간색으로 되어 있었다. 그런데 지금 레드시크릿 블로그를 보면 노란색,빨간색,파란색등 다른 색이 들어가 있는 것을 볼 수 있다. 오늘은 좀 더 이쁘고 화려하게 보일 수 있도록 뱃지 색상을 바꾸는 것을 배워 보겠다. 추천모듈 뱃지 색상 바꾸기 - CSS 수정 일단 뱃지색상을 바꾸기전에 이미 지나 시간에 배웠던 추천 모듈이 적용되어 있을 것이다. 이미 적용은 다 끝난 상태이므로 약간의 수정만 하면 된다. 추천모듈이 적용되어 있..

IT & WEB/티스토리 쉽게 따라하기 2017. 12. 19. 14:26

티스토리 쉽게 따라하기 - 우측 사이드바 추천(Recommended) 모듈 달기

티스토리 쉽게 따라하기 - 우측 사이드바 추천(Recommended) 모듈 달기 오늘은 우측 사이드 바에 추천 모듈을 달아 보도록 하겠다. 이건 fastboot스킨을 쓰는 분들 뿐 아니라 티스토리 전체 사용자에게 적용된다. 추천 모듈은 자신이 보여주고자 하는 포스팅이나 링크를 걸 수 있도록 하는 것으로, 추천 모듈을 통해 페이지뷰를 늘릴 수 있을 것으로 예상된다. 추천 모듈을 설정하는 방법은 두가지가 있다. 첫번째 방법은 html 편집으로 들어가서 추천 모듈 소스를 삽입하는 방법이 있고, 두번째는 사이드바 메뉴에서 html 배너출력을 통해서 설치하는 방법이다. 이 중 쉬운 두번째 방법으로 설치하는 법을 배워 보도록 하겠다. 어차피 결과는 똑같기 때문에 이왕이면 조금이라도 더 쉬운 방법이 좋지 않겠는가? ..

IT & WEB/티스토리 쉽게 따라하기 2017. 12. 6. 16:08

티스토리 메뉴중 서식 관리 활용하기

티스토리 쉽게 따라하기 - 티스토리 메뉴중 '서식 관리' 활용하기 티스토리를 꾸미다 보면 서식 관리 라는 메뉴가 있다. 처음 티스토리를 하시는 분들은 이것이 무엇에 쓰는 물건인고 하고 궁금해 하실 것 같아 서식 관리를 활용하는 방법에 대해 알아보고자 한다. 서식 관리를 잘 활용하면 굉장히 편리한 메뉴이므로 잘 숙지하여 포스팅을 할때 사용하면 할결 편하게 포스팅 할 수 있다. 서식 관리에서 서식 만들기 서식 관리 메뉴는 포스팅을 하기 전에 미리 자신이 자주 쓰는 서식을 만들어서 포스팅을 쓸 때 클릭 한번으로 바로 넣을 수 있는 기능이다. 포스팅에 항상 들어가는 이미지나, 광고배너, 자신만의 로고, 문구등을 넣을 때 매번 써야 하는 번거로움을 덜 수 있다. 그럼 예를 들어 가면서 만드는 방법을 알아보자. 맨..

IT & WEB/티스토리 쉽게 따라하기 2017. 11. 30. 13:25

티스토리 fastboot 사이드바에 구글 번역기<Google Translator> 달기

티스토리 쉽게 따라하기 - 사이드바에 구글 번역기 달기 오늘은 티스토리 블로그 fastboot스킨에서 보면 우측에 있는 사이드 바에 구글 번역기를 달아 보겠다. 꼭 fastboot스킨을 적용하지 않았다고 하더라도 티스토리 모든 스킨에 적용되는 내용이니 잘 따라 하시길 바란다. 구글 번역기를 다는 이유는 구글 번역기에 있는 나라를 선택을 하면 블로그의 모든 내용이 해당 언어로 번역이 되어 보여진다. 즉 전세계 사람들이 구글 번역기를 통해서 자신의 블로그를 볼 수 있는 것이다. 다른 나라에서 다른 나라 언어로 보는것이 의미 없다 생각하면 안달아도 된다. 구글 번역기 설치 하기 구글 번역기를 다운 받기 위해 아래 사이트로 이동을 한다. 그리고 로그인이 안되 있으면 로그인을 해야 한다. https://trans..

IT & WEB/티스토리 쉽게 따라하기 2017. 11. 17. 12:23

레드의 달콤한 비밀

IT & WEB/티스토리 쉽게 따라하기 → (19)건