본문 바로가기

반응형

블로그.스마트 정보/티스토리 돈되는정보

(75)
티스토리 poster 스킨편집 꾸미기 배경색 다크모드 적용 티스토리 배경색을 다크모드로 할 수는 없을가해서 그 방법을 연구해봤네요. 물론 개인적인 취향이긴 하지만,저 같은 경우에는 원래 검정색을 좋아하는 부류라서 티스토리도 검정색 계열로 할 수 없을까하다가 적용해 보았습니다. 다크모드의 장점이라고하면 눈 건강에 좋은 점을 들수가 있네요.하지만 네이버나 구글 등 대형 웹사이트에서는 배경색을 흰색으로하고 있는걸로 보아서 다크모드가 비주류인것 같아요. CSS 부분을 좀 건드려야 합니다.코드가 조금 길거 같아요.헤헤; 이번에 심심해서 다크모드를 적용시켜 보았는데요 사진을 보시면 조금더 이해도가 빠를거라고 생각합니다. 사진상에서 보시면 아해가 빠를거라고 생각합니다. 소스는 아래부분즈음에 첨부를 해 두겠습니다.필요하신분이시라면 참고하시면 되겠습니다. 그리고 사진에서 사이드..
문서편집 최강자 노트패드++ 장점과 다운로드 문서작성겸 편집과 소스코드를 편집함에 있어서 최강자인 노트패드++을 소개할까합니다. 노트패드++은 다운로드를하게 되면 기본적으로 적용되어져 있는 언어는 한글입니다. 저는 주로 블로그에 포스팅을 할 때에 노트패드++을 사용합니다. 예전에는 메모장에서 문서를 작성하여서 티스토리에 복사해서 붙여넣고는 햇었는데 노트패드++이 조금더 좋은 성능을 가진거 같아서 갈아 탔습니다. 제가 사용하는 노트패드++(Notepad++)의 버전은 v7.5.7입니다. 구입할 필요가 없는 프리웨어 소프트웨어로 단연 좋은 소프트웨어 제품입니다. 썸네일을 보면 아시겠지만 따로 영어로 작성하고 싶으실때는 설정-환경설정에서 표시언어를 영어로 변경하면 되겠습니다. 노트패드++의 장점이라면 메모장에서는 그 기능이 없어거 사용하기 어려웠던 부분..
티스토리 poster 스킨 꾸미기 수익 올리는 스킨편집 안녕하세요:) 뚱이 블로그입니다. 이번 포스팅에서는 티스토리 poster 스킨 꾸미기 수익 올리는 스킨편집에 관해서입니다. 그중 하나로 제목과 상단광고 사이에를 보면 닉네임과 작성일 그리고 수정,삭제가 있습니다. 그리고 또 밑에 보면 제목과 상단광고 사이에 줄이 한줄 있습니다. 이것을 없애는 방법에 대해서 알려드리고자 합니다. 제목과 상단광고 사이 가로선 없애기 일단 자신의 블로그에 글중에서 아무 글이나 하나 읽기로 들어갑니다. 그리고서는 개발자 도구인 F12를 누르시거나 오른쪽 마우스 버튼을 클릭하고서는 검사를 누르게 되면 해당 글에 대한 정보가 나오게 되는데요. 여기서 사진에서와 같이 맨 왼쪽에 있는 Select an elememt in the page to inspect it Ctrl+Shift+C..
티스토리 poster 스킨 꾸미기 상단광고 마진과 글 가독성 높이기 안녕하세요:)뚱이 블로그입니다. 이번 포스팅에서는 '티스토리 poster 스킨 꾸미기 상단광고 마진과 글 가독성 높이기'에 관해서 포스팅을 할까 합니다. 우선적으로 다른 부분인 하단광고와 본문광고부분에서는 기존의 방식으로 광고에 마진을 주어도 문제가 되지 않았습니다. 허지만,마크쿼리를 사용하다가 poster 스킨으로 변경후에 광고코드를 적용하니 상단광고만 제목과 간격이 넓은 것이 그다지 보기가 좋지 않았습니다. 다른 스킨에 비해서 상단광고에 마진을 주지 않았을 경우에 너무 제목과 상단광고 사이에 넓이가 넓은 것이 문제입니다. 그래서 기존의 스킨에서는 사용해보지 않은 방법을 한번 사용해 보았습니다.가독성도 높이고 스킨도 이쁘게 꾸미는 방법들입니다. 상단광고 마진을 주어서 위쪽여백 줄이기 그래서 약간의 광고..
티스토리 poster 스킨 꾸미기 메뉴 버튼과 메뉴 디자인 변경 1년간을 마크쿼리 3.0.5 스킨을 사용해오다가 스킨을 변경하였습니다. 1차적으로 변경을 한 스킨은 티스토리 #1 반응형 스킨이었습니다. 하지만 #1 반응형 스킨의 문제점은 data-full-width-responsive="true"값을 주었을 경우 모바일 화면에서 광고가 처음에는 꽉찬 화면으로 제대로 되다가 몇초후에 광고가 잘리게 보이는 현상이 발견되었습니다. 물론,이 문제는 data-full-width-responsive="false"로 하게되면 제대로 된 광고가 나온다는 것입니다. 하지만,수익적인 면에서 본다면 data-full-width-responsive="false"보다는 true가 좀 더 수익적인 면에서 좋다는 점은 구글 애드센스에서도 알리고 있는 부분입니다. 그래서 선택한 스킨이 바로 Po..
색상표 색상코드(파란색,보라,핑크,분홍,검은색) 안녕하세요:)뚱이 블로그입니다 인터넷상에서 글자에 색을 입히기 위해 HTML과 CSS에서 글자색을 입히게 되는 경우 필요한 색상 코드표입니다 삼원색에 의거하여 표현되는 색상표 알기란 참 쉽지 않습니다 컬러 이름과 색상 코드표 중 어느것으로 넣으셔도 됩니다 흔히 HTML상에서는 font color를 입혀서 아래의 색상으로 표현이 됩니다. CSS에서는 부모값을 알 경우 #부모 strong,b,h1,h2,h3 등 사용하는 태그의 색을 한번에 지정할수도 있습니다. 사람들이 자주 사용하는 색상코드표와 영어이름을 준비해봤습니다. 파란색 계통 색상표,색상 코드표 카뎃블루 cadetblue#5F9EA0 스틸블루 steelblue #4682B4 아쿠아마린 aquamarine #7FFFD4 파우더블루 powderblue ..

Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]