본문으로 바로가기
homeimage

방명록

이름을 저장합니다.

logo
마크

안녕하세요. 취미 사진가 나라의 블로그 운영자님께 블로그 운영에 도움되는 정보를 드리고자 합니다.

1. 수익형 블로그를 운영하면서 키워드에 대한 중요성은 잘 알고 계실거라 생각합니다. 수익형 블로그의 시작과 끝은 키워드에 있다고 해도 과언이 아닌데요. 제가 개발한 키워드 검색 프로그램인 '티스워드(TISWORD)'를 소개합니다. 키워드 검색 뿐 아니라 티스토리 블로그 운영에 도움되는 많은 기능들을 무료로 이용해 보실 수 있습니다. 아래 주소를 한번 방문해 보세요.
https://tisword.com

2. 크롬 브라우저를 사용하시는 분들이라면 티스토리 포스팅 작성 중 클릭 한번으로 현재 작성된 글자수를 알려주는 무료 확장 프로그램을 이용해 보시라고 권하고 싶습니다. 설치도 간단하고 많은 티스토리 블로거들이 이 확장 프로그램이 아주 편하고 유익하다고 평가 해주고 있습니다. 아래 주소를 크롬 브라우저 주소창에 입력해서 설치하거나 구글에서 'tistory text counter'를 검색해서 확장 프로그램을 설치해 보세요.
https://chrome.google.com/webstore/detail/tistory-text-counter/ngifhofemdmpebnnffnljccfdaiaoppd?hl=ko

3. 외부유입을 위해 네이버 지식인을 활용하고 계시거나 그럴 의향이 있는 분들을 위해서 네이버 지식인탭이 검색시 상단에 노출되는 키워드들을 추려서 제공해드리고 있습니다. 아래 링크에 방문해 보시면 취미 사진가 나라의 블로그 운영자님이 방문자를 늘리기 위해 어떤 네이버 지식인 키워드를 이용해야 하는지 도움 받을 수 있습니다.
https://kmong.com/gig/315228

4. 현재 티스토리는 블로그 백업 기능을 중단하였는데요. 티스토리 블로그 글과 사진들을 백업을 좀 하고 싶다고 생각하시는 분들은 제가 제공하는 백업서비스를 이용하실 수 있습니다. 어떤 방식으로 백업을 받을 수 있는지 아래 링크에 지금 바로 방문해 보세요.
https://kmong.com/gig/358621

5. 티스토리 말고 워드프레스로 블로그를 운영해보고 싶은 분들이라면 도메인 구입, 호스팅 구입, 워드프레스 설치 등등 거쳐야 할 일이 많습니다. 어떻게 하는지 몰라 시작조차 못하고 계시다면 워드프레스 블로그 개설 방법을 디테일한 과정으로 설명하고 있는 문서를 한번 살펴보세요. 워드프레스 블로그 개설의 꿈을 10분만에 달성할 수 있을 것입니다. 아래 링크에서 확인해보세요.
https://kmong.com/gig/381513

지금까지 블로그 운영에 도움이 될 수 있는 여러가지 서비스들을 소개해 드렸습니다. 효율적인 방법으로 블로그 방문자 증가 및 수익 향상을 목표로 하신다면 제가 제공하는 서비스를 꼭 이용해 보시길 권유드립니다.

취미 사진가 나라의 블로그 블로그의 성장을 기원드립니다. 시간내 읽어주셔서 감사합니다. 좋은 하루 보내세요.

logo

전에 문의주셨던 삼성 모바일 인터넷의 다크모드시 이미지가 잘 안보이는 현상은 고치기 힘들 것 같습니다.
html/css/js로 제어할 수 있는 부분이 아니라는 결론이 나왔습니다.

이 문제를 가지고 다른 개발자 분들도 해결책이 없어서 삼성측에 불만을 가진 사람들이 많으시더라고요.

(기기에서 아예 자기 멋대로 css를 덮어씌우는 것이기 때문에 제 능력 밖의 일입니다.)

스택오버플로우에서 찾아봐도 차라리 사용자에게 다른 브라우저를 이용하라고 메세지를 띄우라는 해결책이 나올 정도입니다..

https://stackoverflow.com/questions/60118216/how-do-i-stop-dark-mode-from-destroying-my-css

좋은 소식 드리지 못해서 죄송합니다.

logo

크롬에서는 이상없어서 그렇지 않아도 삼성인터넷 자체 문제인건가 싶었는데...역시 그렇군요..

확인해주셔서 감사합니다.

logo

figcaption을 사용하셔서 그 공간에 따라 워터마크가 밀려나오는 현상을 확인했습니다.

html에서 컨트롤+F로 .entry-content figure[class*=image]:after를 검색해주세요.

그리고 그것을 .entry-content span[data-lightbox]:after 로 변경해주세요.

그리고 css 가장 아래에

.entry-content .figadd span[data-lightbox]:after {
bottom: 30px;
}

를 추가해주세요.

마지막으로 html 수정에서 </body>앞에 다음 <스크립트></스크립트>로 감싸서 다음 자바스크립트를 넣어주세요.

function imageFig () {
const realbody = document.querySelector('body');
if (realbody.classList.contains("BonMun")){

const fig = document.querySelectorAll('.entry-content figcaption');
for (var i=0; i<fig.length; i++) {
fig[i].parentNode.classList.add('figadd');
}
}
}
imageFig ()

그러면 작동합니다.
다만 그리드형으로 이미지를 넣고 figcaption을 사용하는 케이스를 걸러내진 못해서 그 상황에서 어긋나는 부분이 있습니다.

logo

네 ^^ 잘 적용하였습니다.

감사합니다.

logo

제가 하던 게 있어서 답변이 늦어서 죄송합니다.

일전에 문의 주셨던 워터마크를 나오게 하는 코드입니다. (업데이트까진 시간이 걸릴 것 같아서 이렇게 코드로 남깁니다.)

html 수정에 들어가셔서 컨트롤+F로 .hover15>a:after를 검색해주세요.

아래의 사진과 같을텐데, 거기서 .hover15>a:after를 .entry-content figure[class*=image]:after 로 변경해주세요.

https://i.imgur.com/l1ieFFl.jpg

그리고 bottom을 0으로 바꿔주시면 끝입니다.

혹시 안 된다면 연락 부탁드립니다.

logo

감사합니다.
적용을 바로 해봤는데, 일부 사진은 워터마크가 잘리거나 나오지 않는것도 있네요.

참고 페이지 : https://jknara.tistory.com/82

신경써 주셔서 감사합니다.

logo

나라님 블로그 상단의 물결 표시 애니메이션 멋있습니다.

저도 블로그 실험하면서 SVG 애니메이션 이미지를 사용해 보려고 몇 번 테스트했었습니다.
블로그 접속하고 윈도우 사용자의 경우 작업관리자 띄우면,
이 SVG 애니메이션 이미지가 CPU를 지나치게 사용하여 ,
노트북의 경우 쿨링팬 소음이 증가하고,
사양이 낮은 PC는 랙이 발생하기 시작합니다.

SVG 이미지의 용량은 작지만 GPU, CPU가 렌더링을 담당하기 때문에 이런 현상이 발생합니다.
아직까지 대책이 없는 실정입니다.

logo

안녕하세요 ^^

블로그 애니메이션이 표출되는건 스킨의 기능인데, 어떻게 최적화가 되고 만들어진건지는 스킨 제작자님인 쓰윔님께서 아실것 같아요.

쓰윔님의 스피드스타 스킨
: https://speedstarskin.tistory.com

그리고 마샬K님 블로그도 도움이 되실것 같아 주소 남겨 드립니다.

https://marshall-ku.com



logo

전에 문의주셨던 본문이 좁아보이는 문제입니다.
본문의 경우 SEO 문제로 넓히지 않으신다고 해도, 메인홈에 해당하는 홈커버가 좁아보일 수 있다는 생각이 들어서 추가 코드를 남기고 갑니다.

https://i.imgur.com/7Sl5TAb.jpg

위의 스샷처럼 swim-wrap을 검색하셔서 css가 끝나는 그 아래 부분에 이 코드를 붙여넣으시면 됩니다.

.myhome2 #swim-wrap {
grid-template-columns: 1fr minmax(50px,350px) minmax(10px,50px) minmax(100px, 600px) minmax(100px, 600px) minmax(10px,50px) minmax(50px,350px) 1fr;
}

즐거운 하루 되시고 블로그 번창하세요!

logo

신경써주셔서 감사합니다.

저는 메인홈의 크기는 지금이 좋은거 같아요.

알려주신데로 적용해보니 너무 화면에 꽉차게 확대가 되어서 ^^;;

본문의 경우 기존 950 이었는데 850으로 줄어든게 의외로 체감이 되어서 그랬던것이고요.

본문 CSS수정도 알려주신데로 해보면 오른쪽 사이드바가 스크롤바쪽으로 바짝붙어버리는것 같네요.

아무래도 자동계산화 하게 하셔서 그냥 사용하는게 좋을것 같습니다. ^^

본문의 경우 이미지를 PC에서는 확대하는 기능을 넣어주셔서 그것을 활용하면 될 것 같아요.

다시한번 감사말씀 전합니다. ^^


logo

번거롭게 해서 죄송합니다.

figure[data-og-type] {
display: block!important;
}
이걸 css 가장 밑에 추가하시면 링크박스가 깨지는 문제를 해결하실 수 있을 겁니다.

logo

스피드스타 스킨 업데이트 버전을 발송했습니다.
즐거운 하루 되세요!

logo

감사합니다. 확인후 적용시키겠습니다. ^^

이모티콘창 닫기
울음
안녕
감사해요
당황
피폐

이모티콘을 클릭하면 댓글창에 입력됩니다.