H-아지트

📮 티스토리, 네이버 블로그, 워드프레스, 브런치 장,단점 비교 블로그 플랫폼에 여러가지가 있고 무엇을 선택할지는 늘 고민되는 일이다. 그래서 여러개의 블로그 플랫폼의 장단점을 비교해보고 내가 티스토리를 사용하게 된 이유를 써본다. 1. 브런치 2. 네이버 블로그 3. 워드프레스 블로그 4. 티스토리 블로그 등등 1. 브런치 글쓰기에 최적화된 플랫폼이다. 역시 카카오에서 만들어서 운영하는 서비스인데 종종 출판사와 연계해서 책을 내주는 프로젝트도 하기 때문에 작가가 되고 싶은 사람이라면 추천하는 서비스이다. 작가로 지원해서 승인을 받아야 글을 쓸 수 있기 때문에 양질의 글이 필터링된다는 장점이 있지만 그만큼 잘써야 하는 부담도 있다. 브런치 작가라는 것이 주는 브랜드 효과도 있어 개인 브랜딩하기 좋다. 하..

H-정보공유/블로그 & CSS 2020. 1. 12. 11:29

티스토리를 쓰기 잘했다는 생각 몇 년 전에 안쓰고 방치해둔 네이버 블로그를 접고 티스토리로 넘어오면서 꽤 고민했었다. 한국은 무조건 네이버니까 네이버 블로그를 살릴 것인가 점유율이 낮은 다음 기반 티스토리냐. 네이버를 포기하는 건 꽤나 아쉬운 일이었지만 뭔가 투명하지 않은 검색결과, 네이버만의 폐쇄성, 커스터마이징이 불가한 점, 구글광고 안됨 등 때문에 티스토리를 선택하게 되었다. 그리고 때때로 불안했다. 이대로 티스토리를 버려버리는 건 아닐까!!? 라는 생각때문에 워드프레스도 잠시 고민했지만 남아있길 잘했다는 생각이다. 조금씩 바뀌어가고 업데이트되는 티스토리를 보면서 그래도 버리지 않았구나 앞으로의 가능성을 보는구나 라는 생각이 든다. 오늘 앱을 업데이트했더니 새롭게 개편된 모바일앱 화면을 볼 수 있었..

H-정보공유/블로그 & CSS 2019. 12. 12. 20:28

내 블로그에 파비콘 만들어서 적용하기 파비콘을 만듭시다.바로 이것! 파비콘(Favicon)은 Favorite icon의 약자로 사이트 제목옆에 붙는 아이콘이다.보통 웹사이트의 로고를 단순화해서 만드는데 개인 블로그에도 넣어주면 좀 더 전문적인 느낌을 줄 수 있다. 1. ico파일로 변환파일 포멧은 ico형식으로 png파일을 ico로 전환해주는 사이트에서 변환하면 된다.https://convertico.com/ 파비콘.pngpng파일을 준비해준다. 난 이 하트모양으로 할거임.일러스트레이터에서 막 그린 하트모양, 제법 그럴 듯하네 ㅎㅎ https://convertico.com/사이트에 들어간다.choose icon layer sizes 를 클릭해보면 적용가능한 사이즈를 선택할 수 있는데 티스토리용으로는 32..

H-정보공유/블로그 & CSS 2019. 2. 28. 18:00

[CSS팁] :last-child 선택자오랜만에 CSS를 만져보니 전에 몰랐던 태그와 선택자들이 많았다는 걸 알게되었다. 새로운 속성들도 많이 추가가 되었고. 가로로 나열된 배너 리스트에 간격을 주었는데 마지막 녀석에는 간격을 주면 안되는 경우가 있다. 바로 아래와 같은 경우! 3개의 배너에 공통으로 margin-right:30px; 을 주는데 마지막은 margin : 0; 으로 줘야함. 이런 경우가 꽤 흔하다.예전에는 마지막 것에만 class 이름을 주고 걔만 margin:0;으로 주곤 했는데 이럴 때 마지막 것을 선택하는 선택자가 따로 있었다. 굳이 따로 클래스명을 주지 않아도 되는. 바로 :last-child각각의 클래스를 banner라고 줬다면 마지막 배너는 banner:last-child 라고 ..

H-정보공유/블로그 & CSS 2018. 8. 30. 20:57

[CSS] 텍스트에 흰 배경 넣기 (box-shadow 활용)홈페이지 디자인을 하면서 메인 프로모션 타이틀 텍스트 배경을 흰색으로 넣고 싶었다. 그래서 일단 아는대로 background-color : #fff; 를 넣고 padding: 0 20px; 을 넣었는데 아래와 같은 문제발생! padding 값이 맨 앞과 맨 뒤에만 먹는다.-> 자동 줄바꿈이 되면 앞쪽이 들여쓰기가 되지않아 줄이 안맞음. 그리고 열심히 찾아본 결과 위와 같이 양옆좌우가 일정한 여백을 갖는 배경을 넣을 수 있었다! 방법은 바로 box-shadow!약간 야매의 방법이기는 한데 흰색 그림자를 x축기준 오른쪽, 왼쪽에 넣어주는 것이다.blur(퍼짐)와 opacity(투명도)가 없는 흰색그림자가 좌우에 깔려서 마치 여백이 생긴 것처럼 착시..

H-정보공유/블로그 & CSS 2018. 8. 28. 19:29

개발자 도구에서 캐시 저장 풀기워드프레스 블로그 수정을 하고 있는데 FTP에서 새로운 CSS파일을 올려도 반영이 안되는 것이다!왜 안되지? 하면서 코드를 뒤져보다가 혹시 캐시때문인가 싶어서 캐시가 저장안되게 설정을 바꿨더니 적용된 걸 확인했다. 1. 개발자 도구를 연다. 크롬 브라우저 우측 상단 more 버튼을 클릭하고 More tool > Developer tools (= 개발자 도구)를 클릭한다. 단축키는 Command(Ctrl) + alt + I 네트워크(Network)탭에 Disable cache를 체크하고화면을 새로고침하면 더이상 캐시가 저장되지 않고 바뀐 CSS가 적용된다.

H-정보공유/블로그 & CSS 2018. 8. 28. 05:13

티스토리의 최대 약점 중 하나가 이웃을 추가하고 구독하는 '연결성'이 네이버 블로그보다 약하다는 점이다. 가입자가 많은 네이버 블로그에 비해 외딴 섬에 떨어진 듯한 느낌을 주는 것도 사실. 그래서 네이버 이웃 커넥트를 사이드바에 추가해보기로 했다. 네이버 유저도 다른 플랫폼의 블로그를 이웃 추가하고 구독할 수 있는 기능으로 네이버 아이디만 있으면 설치할 수 있다. 네이버 이웃 커넥트 코드 복사 네이버 이웃 커넥트 : http://section.blog.naver.com/sub/InstallConnectWidget.nhn 네이버에 로그인 후 일단 위 링크로 들어간다. 다른 블로그로 퍼가기를 체크하고 블로그 주소를 입력한다. 나머지 디자인은 원하는 옵션으로 선택하면 되고 완료 후 퍼가기를 클릭한다. 클릭하면..

H-정보공유/블로그 & CSS 2018. 4. 4. 17:02

블로그 포스팅 중간에 애드센스 광고를 넣는 방법이 있다. 길이가 긴 글의 경우 중간에 광고를 넣으면 노출 빈노를 높일 수 있을 것 같아 해당 방법을 찾아 보았다. 본문 상단과 하단의 경우 애드센스에서 설정하면 한번에 적용이 되는데 페이지 내 삽입의 경우 글을 쓸때마다 수동으로 넣어줘야 한다.블로그에 광고를 붙인 지 오래되지 않았고 초짜 블로거이기 때문에 광고 수익에 영향을 미치는지는 모르겠지만 일단 넣어보도록 하겠다. 나중에 어느 정도 수익이 발생하면 이 부분도 포스팅할 예정이다. 1. 서식 만들기 페이지내에서 서식 만드는 곳이 없어서 한참 찾았다가 발견했다. 바로 관리자에서 '콘텐츠 -> 서식만들기' 메뉴에서 미리 서식을 만들 수 있었다. 새 서식쓰기 클릭 그러면 글쓰기 화면과 비슷한 화면이 나오는데 ..

H-정보공유/블로그 & CSS 2018. 4. 3. 13:06

구글 애드센스(Google adsense) 한 달 계정 정지당했다. ㅠ.ㅠ. 블로그와 내가 만든 앱에 등록한 광고가 한 달동안 게재되지 않는다고 한다. 뭣 모르고 내가 만든 앱의 광고를 클릭해보았는데 그게 정지 사유가 되는 지 몰랐다. ㅠ.ㅠ하.. 엊그제 열심히 눌렀는데 바로 오늘 메일로 앞으로 1달동안 계정 정지된다는 메일이 왔다. 검색해보니 자기 유투브에 걸린 광고를 클릭했다가 계정 정지당했다는 블로그 글도 발견했다. 1달은 너무하다. 혹시 모르시는 분들은 실수라도 자기 광고 클릭하는 일이 없게 조심하시길.. 무서운 구글봇 😣

H-정보공유/블로그 & CSS 2017. 9. 29. 03:15