loading
반응형

블로그 7

[티스토리] 블로그 상단에 스크롤진행바/프로그래스바 만들기(블로그 커스터마이징)

안녕하세요. 타 블로그를 방문해서 포스팅을 읽다보면 스크롤을 내릴수록 상단의 진행바의 게이지가 차는 것을 확인할 수 있습니다. 진행바를 제 블로그에도 추가하고 싶어 적용을 해봤는데 어렵지 않게 적용할 수 있었습니다! ㅎ 이번 포스팅에서는 티스토리 블로그 상단에 스크롤진행바, 프로그래스바를 추가하는 방법에 대해서 알아보겠습니다. HTML관련해서 모르는 분들은 헤맬 수도 있는데, 아는 분들이라면 5분도 걸리지 않아서 적용하실 수 있을 것 같습니다. 스크롤 진행바/프로그래스바 추가하기 블로그 관리자 페이지로 이동하여 좌측의 메뉴에서 "꾸미기" - "스킨 편집"으로 들어갑니다. 스킨 편집 탭의 우측 상단의 "html 편집"으로 들어갑니다. 프로그래스바를 어디에 추가할지 정해야합니다. 블로그의 최상단에 추가할 것..

티스토리 2022.04.16

[티스토리] 로딩화면 만들기 / 글 로딩 시 로딩창 띄우기

안녕하세요 블로그에서 글을 읽을 때 이미지가 많은 경우 이미지가 출력이 되지 않은 상태로 계속해서 글들을 확인할 수 있습니다 그러면 블로그에 쓴 글이 전부 불러왔는지 알 수가 없는데요 이번 포스팅에서는 글이 실행될 때 글과 이미지가 전부 실행이 되는 동안 로딩화면을 만드는 방법에 대해서 알아보겠습니다! 이미지 다운로드 먼저 로딩이미지를 받아야합니다 가지고 있는 이미지가 있다면 그 로딩이미지를 쓰면되지만 로딩이미지가 따로 없다면 아래의 링크에서 다운받으면 됩니다 로딩 이미지만 전문으로 다운 받는 사이트입니다 icons8.com/ Free Icons, Clipart Illustrations, Photos, and Music Download design elements for free: icons, photo..

티스토리 2021.05.12

[티스토리] 네이버 검색 노출, 네이버 웹마스터 도구 등록 방법

안녕하세요 블로그에 사람들이 유입되려면 기본적으로 검색포털에서 내 블로그가 자주 노출이 되어야 유입되는 인원 수가 많아집니다 티스토리는 일반적으로 네이버에서 검색이 되지 않습니다 네이버에서도 검색에 노출이 되게하려면 네이버 웹마스터 도구에 블로그를 등록해야합니다 네이버 웹마스터 도구에 블로그를 등록하는 방법에 대해서 알아보겠습니다 네이버 웹 마스터 도구 등록 방법 네이버 웹 마스터 도구의 등록은 네이버 서치어드바이저에서 합니다 네이버 서치어드바이저의 링크입니다 아래의 링크에 접속합니다 searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 접속하면 아래와 같은 화면이 나타납니다 1. 오른쪽 ..

티스토리 2021.04.30

[티스토리] 글쓰기 에디터 이미지 회전시키기

안녕하세요 티스토리에 이미지를 올리는 중에 이미지를 똑바로 보고싶은데 계속해서 90도로 돌아간 상태로 이미지가 업로드가 되는 경우가 있습니다 그 경우 이미지를 편집해서 정방향으로 나오도록 하는 방법에 대해서 알아보겠습니다 저도 방법을 찾다가 안 되는 줄 알고 있다가 최근에 구글링해서 방법을 찾았습니다 사진에서 이미지를 첨부합니다 제 프로필 사진의 귀여운 강아지입니다 헷 이미지 회전시키기 글쓰기 에디터에 이미지를 올려줍니다 왼쪽 상단의 산 모양 아이콘 클릭해서 이미지편집 화면에 들어갑니다 아래처럼 화면이 나타납니다 1. 1번의 아이콘을 클릭하면 바로 위에 "편집"과 "사이즈"메뉴가 나타납니다 2. "편집"메뉴를 선택해 이미지 편집화면으로 이동합니다 3. 이미지편집을 종료하고 싶은 경우 오른쪽 상단의 "X"..

티스토리 2021.04.29

블로그에 프로그래밍 코드 올리기 - colorscripter

- 블로그에 프로그래밍 코드 올리기 - colorscripter - 제가 블로그에 프로그래밍 코드를 올릴 때 주로 사용하는 colorscripter에 대해서 알아보겠습니다. http://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com 위의 링크에 가시면 colorscripter을 사용할 수 있습니다. 이런 화면이 나타납니다. 첫 번째 메뉴 '언어'에서는 프로그래밍언어를 선택할 수 있습니다. 두 번째 메뉴 '스타일패키지'에서는 스타일을 선택할 수 있습니다. 1 2 3 4 5 6 public CrazyKim_TestForm() { InitializeComponent(); // TODO: Initia..

티스토리 2016.09.28

[티스토리] 블로그 검색엔진에 최적화하기

- 티스토리 블로그 검색엔진에 최적화하기 - 블로그를 운영함에 있어서 블로그를 최적함으로서 검색엔진에 보다 잘 노출되게 할 수 있습니다. 이번 글에서는 티스토리 블로그를 검색엔진에 최적화시키는 방법을 알아보겠습니다. 우선 보통 티스토리에 글을 올리면 이런식으로 타이틀에 노출이 됩니다. 블로그명 :: 제목이 나옵니다. 이제 이것을 제목 :: 블로그명이 나오게 바꿔보겠습니다. 1. 관리자 메뉴의 HTML/CSS 편집으로 들어갑니다. 2. HTML소스에서 :: 을 볼 수 있습니다. 이 부분을 밑의 소스처럼 :: 으로 바꿔줍니다. 이제 블로그를 새로고침하면 제목 :: 블로그명으로 타이틀이 나오는 것을 볼 수 있습니다. 이상으로 티스토리 블로그 검색엔진 최적화하는 방법의 설명을 마치겠습니다.

티스토리 2016.08.29

[티스토리]블로그에 프로그래밍 소스코드 올리는 방법

- 블로그에 프로그래밍 소스코드 올리는 방법 - 블로그에 프로그래밍 소스코드를 깔끔하게 올리는 방법에 대해서 알아보겠습니다. http://colorscripter.com/ 위의 사이트로 접속을 하면 이런 화면이 나옵니다. 이제 언어를 선택한 후 자신이 올리고 싶은 코드를 넣어줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 CGV Project Colored by Color Scripter cs 클립보드에 복사를 클릭한 후 블로그에 복사를 하면 위의 코드처럼 코드가 나옵니다. 이상으로 블로그에 프로그래밍 소스코드를 올리는 방법에 대해서 알아봤습니다. 프로그래밍 블로그를 만드시는 분들에게 도움이 되셨으면 좋겠습니다.

티스토리 2016.08.28
반응형