생활정보연구소
이번에 구글블로그를 시작하였습니다. 다음저품질을 한번 맞고 나니 정신이 번쩍 듭니다. 하나만 믿고 가기에는 위험부담이 너무 큰거 같아 다변화를 추구해야할 시점인거 같습니다. 1. 계란을 한바구니에 담지 말자.티스토리를 운영하면서 언젠가 다른 플랫폼도 같이 운영하고 싶었죠. 티스토리 정말 좋은 플랫폼입니다. 애드센스도 붙일 수 있고, 네이버, 다음, 구글에 반영도 잘되니까요. 하지만 언제 서비스가 종료될지, 저품질로 문제가 생길지 모른다는 불안감이 있었습니다. 애드센스 수익은 달콤하지만 이 수익이 한순간에 날아갈 수 있다는 불안함이 가장 큰 걱정이었죠. 계란은 한바구니에 담으면 안되는거 다들 아시잖아요. 그래서 블로그스팟을 시작해 보려했지만 귀차니즘으로 차일피일 미루고 있었죠. 2. 다음 저품질에 빠지다...
블로그나 웹사이트의 텍스트에 링크를 걸면 밑줄이 생기거나 글자 색깔이 바뀌죠. 또한 링크가 걸린 곳에 마우스를 데면 글자색이 바뀌거나 배경이 바뀌는 효과도 본 적이 있으실 겁니다. 오늘은 html 태그와 CSS를 활용하여 링크에 예쁘게 효과를 주는 방법 공유합니다. 먼저 변경전 제 티스토리 블로그의 링크 효과입니다. 링크가 걸린 부분은 하늘색으로 색깔이 지정되고 여기에 마우스를 같다데면 밑줄이 생깁니다. 그렇게 예쁘지도 않고 너무 진부합니다. 그래서 아래와 같이 바꿔보려고 합니다. 색깔도 좀더 예쁜 밝은 하늘색으로 바꿨고 밑줄도 눈에 띄게 효과를 줬습니다. 마우스를 갖다데면 배경이 바뀌는 효과를 주니 훨씬 세련되고 예쁘네요. html/CSS 어느 웹사이트나 구조는 비슷합니다. CSS에서 .a 로 시작하는..
가끔 블로그나 홈페이지에 수식을 입력해야 할 때가 있습니다. 이럴때 어떻게 하시나요? 일반적인 에디터에선 수식입력기를 지원하지 않기 때문에 수식을 예쁘게 그리기가 어렵더라구요. 편법으로 MS워드 수식입력기로 수식을 만들고 이미지로 저장하는 방법을 썻었죠. 이것도 방법이긴 한데 html을 활용해서 공식을 입력하는 방법이 있을거 같아 알아봤습니다. MathJax라는 오픈소스 자바스크립트를 활용하면 웹사이트나 블로그에 쉽게 수식을 입력할 수 있습니다. 적용 방법과 사용법도 간편하더라구요. 자세히 알아보겠습니다. ▣ 목차 1. MathJax 설치 방법 2. 사용방법 3. 주의 사항 1. MathJax 설치 방법 먼저 홈페이지에 MathJax 자바스크립트 코드를 넣어야 합니다. 위의 코드를 html 코드 사이어 ..