SPACE RUMI

Hi, I am rumi. Let's Splattack!

[Blog] 블로그 애드센스 6

워드프레스 vs 티스토리 블로그 추천 사이트. 워드프레스 설치형, 워드프레스 가입형

최근 티스토리가 구글 애드센스 광고 일부를 가져감으로써, 워드프레스의 수요가 늘었다. 물론 나는 애드센스 때문에 티스토리를 시작했던건 아니지만, 어쩌다 보니 애드센스를 달게되었고, 이왕 블로그 하는거 워드프레스까지 운영해보면 좋겠다 싶어서 시도해봤다. 몇년전에 설치형을 써봤고, 이번에 가입형으로 개설을 해봤는데 역시 재미있다. 다양한 블로그를 동시에 하는것은 무리가 있을거라고 판단했지만, 나름 각각의 블로그 플랫폼으로서의 장점이 있다. 처음 블로그를 시작할 때 어떤 플랫폼을 사용하는게 좋을까? 일단 어떤 블로그 서비스들이 있는지 알아봐야 할 것이다. 플랫폼 종류를 찾아보자. 그리고 각각의 플랫폼들의 특징을 살펴보자. 워드프레스 (설치형, 가입형이 있고 자유도가 높다.) 티스토리 블로그 (다음, 카카오톡 ..

애드센스 달고 나서 느낀점 / 블로그 포스팅 하루 몇개 써야 하나?

애드센스를 달고나서 승인받는데 2주가 걸렸다. 별생각없이 그냥 한번도 안해본거니까 해보기라도 하자 라는생각으로 달았는데, 이것저것 설정을 만져보면서 온갖 실험을 해봤다. 그리고... 애드센스를 달고 오랫동안 운영해왔던 블로그들도 조사해보고, 많은 애드센스 유저들과의 커뮤니케이션, 애드센스 모임을 통해 여러가지 정보를 입수해봤다. 글 쓰기를 좋아하는 사람들, 처음 블로그를 시작하는 사람들이 애드센스를 다는 순간 이런 생각을 하게 된다. 아. 내 글이 결국 쌓이고 쌓여 달러가 되는구나. 이게 계속 장기적으로 운영된다면, 나중에는 어마어마하게 내게 돌아오겠구나 라는 생각이 든다. 물론 나도 그랬다 (현실은 이제 애센 달은 응애지만..) 그래서 하루에 블로그 포스팅을 몇개 해야되나요? 암튼 요지는, 이 질문을 ..

[티스토리] 폰트 로딩, 티스토리 폰트 렌더가 느릴때

티스토리 폰트 로딩이 느리고, 깜빡거리는 현상(산세리프로 적용이 먼저 됐다가, 웹폰트로 변경)이 발생해서 아래와 같이 수정했다. preload는 지정된 리소스를 먼저 가져오고 캐시할것임을 명시한다. as는 어떤 리소스인지 명시한다. (style, video, font, script ...) crossorigin은 리소스를 CORS 요청으로 로드해야하는지 명시한다. (아무것도 입력하지않으면 anonymous)

[티스토리] 네이버 SEO 설정하기

SEO 설정은 중요하다. 특히 한국인은 네이버에서 주로 검색을 많이하기 때문에 네이버 SEO 설정할겸 방법에 대해서 기록해볼까 한다. 개발자들은 구글검색을 많이 하므로 구글 SEO 등록도 다룰 예정이다. 나는 티스토리 블로그를 사용하므로, 티스토리에서 네이버 SEO 설정을 하는법으로 설명한다. 만약 닷홈이나 워드프레스 등을 사용하고 있다면 HTML 업로드 방식을 더 권장한다. (뒤에 나오는 업로드 방식) 네이버 서치 어드바이저 https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 서치 어드바이저에 들어가서 스크롤을 조금 내리면 웹 마스터 도구 사용하기가 나온다. 여기에서 네이..

[티스토리] 티스토리 Tag 영역 바꾸기 / JS 정규식으로 마지막 콤마 제거

DOM에서 상위 클래스 선택 하고, 하위노드를 출력한다. HtmlCollection은 Array가 아니므로 Array로 바꿔준다. map돌려서 textContent로 정규식을 이용해 콤마를 제거한다. 스타일 변경 기존의 Tag영역을 Chip 형태로 바꾸고싶어서 일단 스타일을 변경하기로 했다. 심플한 검정색 칩으로 할거라 스타일을 수정했다. /* Tag 태그 */ .box-tag .title-sidebar{ margin-bottom:20px; } .area-aside .box-tag a{ background-color:#242424; color:white; padding:4px 12px; border-radius:50px; } .area-aside .box-tag a:hover{ cursor:pointer..

반응형