반응형

티스토리 5

티스토리 [언어 번역] 기능 추가하기

아래와 같이 티스토리 사이드 바에 Google 번역 도구를 추가하는 방법입니다. 모든 언어로 변경 가능합니다. 이 기능을 통해 글로벌하게 블로그 운영이 가능해졌습니다.  1. 티스토리 편집 화면에서 [플러그인]을 누르고 '태그 입력기'를 활성화시켜줍니다. 이후 [꾸미기] 화면에서 '사이드바'를 클릭합니다.  2. 사이드바에 '[플러그인] 태그 입력기'를 추가하고 '편집'을 누릅니다. 그럼 '태그 입력기' 편집 팝업창이 뜹니다. 치환자에 소스코드를 넣어주고 확인을 누릅니다. 다시 화면으로 돌아가서 '변경사항 저장'을 누르면 됩니다.  3. 아래는 적용이 완료된 모습입니다. 근데 번역기가 '왼쪽'으로 정렬이 되어 있습니다. 저는 중간으로 정렬하고 싶어서 코드를 조금 변경했습니다 (위 소스코드 파일에서 확인 ..

정보통신 2024.10.19

티스토리 운영에 도움이 되는 팁

티스토리 블로그를 효과적으로 운영하기 위한 몇 가지 유용한 팁을 알려드리겠습니다. 1. 블로그 디자인 개선: 깔끔하고 사용하기 쉬운 디자인은 독자에게 좋은 첫인상을 줍니다. 티스토리에서는 다양한 무료 및 유료 스킨을 제공하며, 이를 통해 전문적인 디자인을 구현할 수 있습니다. 또한, 반응형 스킨을 사용하여 모바일과 데스크톱에서 모두 아름답게 보이도록 하세요. 2. SEO 최적화: 검색 엔진 최적화(SEO)를 통해 검색 엔진에서 더 많은 트래픽을 유도할 수 있습니다. 이를 위해 다음을 고려하세요. ▶ 키워드 연구: 구글 키워드 플래너 등 도구를 사용하여 포스팅에 사용할 키워드를 찾아보세요.  ▶ 메타 태그 작성: 각 포스팅에 적절한 제목과 설명을 제공하세요.  ▶ 헤딩 사용: 적절한 헤딩 태그(, 등)를..

정보통신 2024.05.04

TISTORY 폰트 관련 스타일을 적용할 수 있는 유용한 HTML 코드 5개

1. 글자 크기 조정      큰 글자     작은 글자  사용법: font-size 속성을 사용하여 원하는 글자 크기를 지정하세요. px는 픽셀 단위로 크기를 지정합니다. 2. 글자 굵기 조정      굵은 글자     보통 글자     얇은 글자  사용법: font-weight 속성을 사용하여 글자의 굵기를 조정하세요. bold는 굵게, normal은 기본, lighter는 더 얇게 표시됩니다. 3. 글자 기울임      기울어진 글자     기본 글자  사용법: font-style 속성을 사용하여 글자의 기울임을 조정하세요. italic은 기울어진 글자를, normal은 기본 글자를 나타냅니다. 4. 글꼴 변경      Arial 글꼴     Courier New 글꼴     ..

정보통신 2024.05.04

티스토리 간편 유용 HTML 모음 추가 10개

11. 탭 기능      탭 1     탭 2     탭 1 내용     탭 2 내용  사용법: 탭을 여러 개 만들고 각 탭에 대한 내용을 tab-content 클래스 안에 추가하세요. 12. 컬러 박스      컬러 박스 내용 사용법: background-color와 color를 원하는 색상으로 변경하고 내용을 입력하세요. 13. 구분선  사용법: 구분선의 두께와 색상을 원하는 대로 수정하세요. 14. 접이식 패널  접이식 패널     패널 내용  사용법: 버튼 클릭 시 보여질 패널 내용을 panel 클래스 안에 입력하세요. 15. 강조 박스      강조: 중요한 내용을 여기에 입력하세요.  사용법: border-left의 색상과 background-color를 원하는 대로 수정하고 내..

정보통신 2024.05.04

티스토리 간편 유용 HTML 모음 + 소제목 꾸미기 추천 글

1. 유튜브 영상 삽입 https://www.youtube.com/embed/동영상ID" frameborder="0" allowfullscreen>사용법: 동영상ID 부분에 삽입하려는 유튜브 동영상의 ID를 입력하세요.2. 구글 맵 삽입 https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3162.813738195253!2d127.0354583!3d37.5642139!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca2e7b6c1a519%3A0x1f491f3ed0fa8eeb!2z66y46riw7ZmU6rWQ!5e0!3m2!1sko!2skr!4v1573129785537!5m2!1sko!2skr" width="6..

정보통신 2024.05.04
반응형