티스토리 뷰

반응형

내 블로그 방문자수는 많은데 체류시간이 떨어져서 고민이신가요? 체류시간을 늘리는 방법 중에 포스팅 내용을 쉽게 이 할 수 있도록 형광펜 효과를 이용해 가독성을 올려주면 훨씬 효과가 있습니다. 간단하게 적용할수 있으니 천천히 따라오셔서 가독성을 높여 보시길 바랍니다.

 

티스토리꾸미기1티스토리 꾸미기2티스토리꾸미기3

 

1. 내티스토리 홈페이지에 들어가기

 

형광펜 효과 적용시키기 위해서는 간단하게 정리하면 CSS코드를 다운받아 복사한 후 스킨편집 CSS모드에서 넣고 싶은 위치에 넣고 적용 후 포스팅을 하면 밑줄에 형광펜이 적용된 걸 알 수 있습니다. 먼저 티스토리 홈페이지에 들어가셔서 관리자 모드로 들어가시면 됩니다.

 

티스토리 블로거 관리자모드 화면
티스토리 블로거 관리자 모드

 

2. 스킨편집 들어가기

 

내 티스토리 홈페이지에 있는 스킨편집에 들어가시면 됩니다.

 

스킨변경으로 들어가기
스킨변경으로 들어가기

 

 

3. html 편집모드로 들어가세요

 

스킨편집으로 들어가셨으면  html 편집모드로 들어가시면 됩니다.

 

HTML 편집으로 들어가기 사진
HTML편집클릭

애드센스 수익을 높이기 위한 티스토리 꾸미기

2023.05.09 - [돈을 버는 지식정보] - 체류시간 늘리기 위한 소제목 (h2) 형광펜박스 꾸미기

 

체류시간 늘리기 위한 소제목 (h2) 형광펜박스 꾸미기

체류시간을 늘리기 위한 소제목(h2) 형광펜 박스 꾸미기를 설명해 드리겠습니다. 방문자수는 많은데 애드센스 수익은 오르지 않아 속상하시죠? 체류시간이 중요한데 방문자는 일목요연하게 정

nohu50.com

 

4. CSS모드로 들어가기

 

html 편집모드에 들어가시면 HTML  ,  CSS  ,  파일업로드 항목이 있는데 CSS모드로 들어가시면 됩니다.

 

CSS화면으로 들어가기 화면
CSS 화면으로 들어가기

 

 

5. 밑줄형광펜 CSS코드 다운로드하기

 

아래에 있는 CSS코드 파일을 다운로드하신 후 아래 빨간 박스 안에 있는 코드를 블록으로 잡고 복사 (ctrl+C)를 하시면 됩니다.

 

코드가 들어있는 파일 사진
다은받은 파일에 있는 코드 복사하기

 

티스토리 블로거 형광펜 밑줄 넣기 CSS코드 다운로드하기

 

형광펜 밑줄 CSS코드 다운받기.txt
0.00MB

 

6. 다운로드한 코드 CSS모드창에서 붙여 넣기

 

다운로드한 파일 코드를 CSS모드창에 들어가셔서 넣고 싶은 위치에 아무 데나 붙여넣기(ctrl+V) 하시면 됩니다. 나는 혹시 지울 일이 있을까 봐서 맨 밑에 두고 복사를 하였습니다. 참고로 나는 북클럽 스킨을 사용 중이며 아래 코드내용 중 -9px는 밑줄 굵기조절할 수 있는 항목이며 색상 박스는 밑줄형광펜 변경할 수 있는 항목입니다. 색상이나 밑줄굵기를 변경하고 싶으시면 이 부분을 변경하면 됩니다.

 

CSS창에서 코드 복사 붙여넣기화면
넣고 싶은곳 아무데나 붙여넣기

 

티스토리 블로그 꾸미기 형광펜 꿀팁 대방출 동영상

티스토리블로그 꾸미기

7. 코드 붙여 넣기가 끝나면 적용후 새로고침

 

코드 복사 붙여넣기가 마무리되면 적용을 해주시고 새로고침을 하면 발행된 밑줄 긋기 효과를 적용하셨던 포스팅은 형광펜 밑줄긋기로 변경이 되어있습니다.

 

완료후 적용버튼 누르기 화면사진
적용후 새로고침 누르기

 

 

8. 글쓰기 수정모드에서 밑줄긋기 적용

 

밑줄 긋기 형광펜 코드가 잘적용되었는지 확인하기 위해서 글쓰기에 들어가시고 포스팅 아무거나 하나 수정모드로 들어가셔서 밑줄긋기 효과를 적용을 해주시면 수정모드에서는 원래 밑줄긋기 모습으로 그대로 적용됩니다. 포스팅을 공개로 전환하여 발행하면 밑줄긋기선이 형광펜으로 변경되어 있을 겁니다.

 

밑줄넣기 테스트 화면
글쓰기 모드에서 수정모드로 들어가서 밑줄테스트 확인

9. 글쓰기 공개발행 후 효과적용 확인하기

 

글쓰기 공개 포스팅을 한 후 포스팅에 들어가시면 수정모드에서 밑줄로 그어져 있던 선이 형광펜으로 변경되어 있는 것을 확인할 수 있습니다. 색상 및 굵기 모두 조절가능하니 본인의 느낌대로 변경하여 사용하시면 될 것 같습니다.

 

포스팅후 실제적용된 화면사진
포스팅 발행후 실제적용되었는지 확인

 

 

 

잠깐만요!!  다음 포스팅에는 소제목 (h2) 가독성 있게 꾸밀 수 있는 형광펜 제목 포스팅을 하도록 하겠습니다. 아주 간단하게 적용시킬 수 있습니다. 포스팅자체가 완전히 틀려집니다. 적용을 해보시길 바랍니다.

 

2023.05.09 - [돈을 버는 지식정보] - 체류시간 늘리기 위한 소제목 (h2) 형광펜박스 꾸미기

2023.06.11 - [돈을 버는 지식정보] - 구글 서치콘솔 등록으로 구글노출 및 색인요청 방법

 

구글 서치콘솔 등록으로 구글노출 및 색인요청 방법

티스토리 블로그를 열심히 포스팅을 하셨나요? 그럼 나의 글이 구글에 노출되고 다음에도 노출되어서 애드센스 수익이 많이 들어오길 바라시죠? 그럼 구글 서치콘솔에 등록을 하시고 구글노출

nohu50.com

 

 

체류시간 늘리기 위한 소제목 (h2) 형광펜박스 꾸미기

체류시간을 늘리기 위한 소제목(h2) 형광펜 박스 꾸미기를 설명해 드리겠습니다. 방문자수는 많은데 애드센스 수익은 오르지 않아 속상하시죠? 체류시간이 중요한데 방문자는 일목요연하게 정

nohu50.com

 

반응형