티스토리 블로그 CSS : 메뉴바와 구독버튼(위치변경, 숨기기) 조절하기

티스토리 블로그 CSS : 메뉴바와 구독버튼(위치변경, 숨기기) 조절하기 티스토리 블로그에는 두가지의 구독버튼이 있습니다. 첫번재는 본문 글 하단 왼쪽부분에 하타 모양 옆에 위치하고, 로그인이 되어 있는 상태에서는 보이지 않고, 미 로그인시에만 보여집니다 두번째는 티스토리 블로그의 레이아웃 상에 보여지고, 구독버튼과 메뉴바 버튼이 둘다 위치해 있습니다. 왼쪽이 구독하기이고, 오른쪽 "T"버튼이 메뉴바 버튼입니다. 보통 애드샌스 하단부 광고와 위로가기 css때문에 잘 안보이는 경우가 있습니다. 하단부 애드샌스 광고를 숨기면 정상적으로 구독버튼과 공감버튼이 나옵니다. 이러한 점을 수정하면 좀더 보기 좋은 티스토리 블로그가 되지 않을까요??? 아래의 전체적인 css코드 소스를 정리해서 텍스트화일로 올려두니 참..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 5. 3.
• textsms

티스토리 블로그 CSS : CSS 버튼 만들기(애드센스 수익율 향상)

티스토리 블로그 CSS : CSS 버튼 만들기(애드센스 수익율 향상) 애드센스 광고는 본문에 자동 또는 수동으로 삽입되는 방법 말고도 이피드, 사이드 광고, 일치하는 컨텐츠 광고, 목록광고, 전면광고 등을 사용자가 원하는 형태로 운영할 수 있으므로 수익성이 서로 다릅니다. 하지만 무조건 광고를 클릭할 수 있도록 유도하는 방식으로 이동하기 단추를 만드는 방법이 있습니다. 전면광고는 현재 페이지에서 어떤 링크를 눌러 다른 페이지로 전환시 뜨게 됩니다. 다운 링크 버튼이나 다른 사이트로 넘어갈때 주로 나옵니다. 그래서 화면이 전환되기 전에 화면 전체 또는 중앙에 광고가 한눈에 보이기 때문에 클릭할 확률이 높아지게 됩니다. 보통은 블로그로 수익내기 등의 강좌를 보면 이미지로 많이 사용을 하는데, 인터넷이 느리거..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 4. 27.
• textsms

티스토리 블로그 HTML: 간단히 글 맨위 상단으로 가기 코드

티스토리 블로그 HTML: 간단히 글 맨위 상단으로 가기 코드 티스토리 블로그의 글을 읽다보면 장문의 글을 접하는 경우도 있고 장문의 글을 포스팅 하는 경우도 있습니다. 글을 읽는 사람은 아래로 갔다가 다시 위로 올라가려면 마우스의 휠을 위로 계속 올리거나 키보드의 Page UP키를 눌러서 다시 상단으로 가야하는 불편함이 있습니다. 그래서 티스토리 블로그 상단으로 쉽게 이동할 수 있도록 HTML을 편집하여 이용할 수 있는 방법이 있습니다. 티스토리 블로그에 위로 이동할 아이콘을 만들어 업로드 합니다. 티스토리 관리모드에서 꾸미기 > 스킨편집 > HTML 편집 > 파일업로드 탭으로 이동합니다. 여기에 위로가기 이미지를 지정해서 파일을 업로드 해주세요. 저는 위와 같은 이미지를 만들었습니다. 화살표 말고도 ..

• format_list_bulleted 티스토리 블로그 관련/HTML관련
• · 2023. 4. 26.
• textsms

티스토리 HTML: 소제목 꾸미기 소스 만들기와 사용방법

티스토리 HTML:소제목 꾸미기 소스와 사용방법 티스토리 블로그에 글을 작성할때 소제목 앞에 가독성을 높이기 위한 좌측바나 강조하는 제목을 쓸때 컬러박스를 사용합니다. 지금 제가 포스팅하고 있는 첫번째에 나와있는 티스토리 HTML:소제목 꾸미기 소스와 사용방법이라고 되어 있는 부분입니다. 쉽게 이해를 돕기 위해 아래의 이미지를 보시면 이해가 되실겁니다. 저는 파란색으로 지정을 했지만, 이걸 사용하시는 분들이라면 다른 원하는 색을 사용하셔도 됩니다. 이미지가 아닌 html코드를 사용한 것이라 서식으로 지정해두시고 사용하시면 됩니다. 지금부터 티스토리 블로그 소제목 꾸미기 만들기 소스와 사용방법에 대해서 알려드릴게요~ 티스토리 소제목 만들기 블로그 포스팅을 할때 주로 인용부호를 많이 사용합니다. 하지만 수정..

• format_list_bulleted 티스토리 블로그 관련/HTML관련
• · 2023. 4. 24.
• textsms

티스토리 CSS : 북클럽 스킨 블로그 줄간격 한번에 조정하기

북클럽 스킨 블로그 줄간격 한번에 조정하기 블로그에 글을 쓸때 북클럽 스킨의 기본값으로 줄간격이 좁아 가독성이 떨어지고 답답함을 느낌니다. 이에 줄간격을 임의로 띄우기 위해 한줄 쓰고 엔터를 두번 눌러주어야 하는 불편함이 생깁니다. 줄간격을 조절해주면 훨씬 읽기가 좋아서 가독성을 높여줄 수 있습니다. 줄간격 조정하기 첫번째! 먼저 관리자 모드에서 스킨편집으로 이동합니다. 스킨 편집 화면에서 HTML편집 > CSS을 클릭합니다. 여기서 줄간격을 조절해주는 북클럽 스킨의 코드는 '.entry-content p' 입니다. 쉽게 찾는 방법은 키보드 [Ctrl] + [F]를 누르시면 상단에 검색창이 나오는데 여기에 '.entry-content p'를 검색하시면 됩니다. 저의 북크럽 스킨에서는 1442번째 줄에서 ..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 4. 20.
• textsms

티스토리 HTML: 블로그 북클럽 스킨에 애드센스 멀티플렉스 광고 적용하기

티스토리 HTML:북클럽 스킨에 애드센스 멀티플렉스 광고 적용하기 애드센스 광고 기능중 멀티플렉스라는 기능이 있습니다. 다른 티스토리 블로그를 보다보면 본문 하단에 여러개의 광고가 뜨는데 이게 바로 멀티 플렉스 광고입니다. 광고창이 작지만 8개의 광고가 하단에 붙기 때문에 수익성에서도 도움이 됩니다. 단 애드센스 멀티플렉스 광고를 추가한다고 해서 무조건 다 나오진 않습니다. 조회수가 조금 붙는 포스팅 글에만 나오고 그렇지 않으면 1~2개만 나오는걸 볼수 있습니다. 또는 같은 티스토리 블로그 내에 다른 글을 보면 아예 나오지 않는 경우도 있습니다. 다른 광고 역시 조회수가 좀 붙어야 잘 나오기 때문에 애드센스 멀티플렉스 광고를 만들어 두고 기다리면 됩니다. 애드센스 멀티플렉스 광고 만들기 우선 티스토리 블..

• format_list_bulleted 티스토리 블로그 관련/HTML관련
• · 2023. 4. 20.
• textsms

티스토리 CSS관련 : 북클럽 스킨에서 사이드바 고정방법

북클럽 스킨에서 사이드바 고정방법 티스토리에서 애드센스라는 수익형 블로그를 운영함에 있어서 가장 중요한건 광고가 눈에 잘 띄어야 한다는 점입니다. 티스토리 블로그는 무료로 HTML기반의 설치형 블로그이기 때문에 무료 스킨을 통해 쉽게 설치할 수 있다는 장점이 있지만 HTML과 CSS를 잘 모른다면 그 이상은 활용하기 어렵다는 단점이 있습니다. 사이드바를 고정시키는 이유는 스크롤을 내리더라도 사이드에 있는 광고가 계속 따라오게 하여 체류시간과 광고클릭율을 높이기 위한 방법입니다. 1) 북클럽 스킨에서 사이드바 고정방법 티스토리 블로그 관리자 메뉴에서 스킨편집으로 들어간후 html편집 > CSS로 이동하여 코드를 추가 후 저정해 주는 것으로 간단하게 사이드바를 고정할 수 있습니다. 이 CSS코드를 적당한 위..

• format_list_bulleted 티스토리 블로그 관련/CSS관련
• · 2023. 4. 20.
• textsms

정보와 지식이 구르고 굴러 큰 덩어리가 되어보겠습니다.

정보와 지식이 구르고 굴러 큰 덩어리가 되어 많은 정보와 지식을 담아 볼게요~

• format_list_bulleted 카테고리 없음
• · 2023. 2. 28.
• textsms