본문 바로가기

Blog Tip33

CSS를 이용해 블로그 상단 메뉴바 만들기(2) CSS를 이용해 블로그 상단 메뉴바를 만드는 방법에 대한 두 번째 글입니다. 지난 시간에는 기본적인 내용들에 대해서 다루어봤고, 이번 글에서는 보다 세부적인 사항들에 대해서 설명드리겠습니다. 지난 글에서 이어지는 글로, 이전 글을 확인하지 않을 경우 진행에 어려움이 있을 수 있습니다. source : 1. 메뉴의 배경 색 / 글자 색 / 크기 변경하기 현재까지 완성된 메뉴바는 실제로 이용하기에는 너무 밋밋합니다. 이 메뉴바의 배경과 글자를 꾸밈으로써 변화를 주도록 하겠습니다. 배경 색은 background-color라는 스타일을 ul에 적용함으로써 변경할 수 있으며, 레이어에도 적용하면 보다 다양한 효과를 낼 수 있습니다. 글자 색은 color 스타일을 ul이나 li에 사용할 수 있고, 크기는 font-.. 2013. 2. 22.
CSS를 이용해 블로그 상단 메뉴바 만들기(1) 대부분의 블로그들의 상단을 살펴보면 메인이나 특정 카테고리로 이동할 수 있는 메뉴바가 있음을 살펴볼 수 있습니다. 대개의 티스토리 스킨에서는 이를 기본적으로 지원해서, 화면 설정 > 메뉴로 접속하게 되면 편집을 할 수 있으나 그 모양을 다르게 꾸밀수는 없다는 단점이 있습니다. 이번 글에서는 먼저 CSS를 이용하여 메뉴바를 만드는 방법에 대하여 자세히 살펴보고난 후, 특정 스킨에서 기본으로 제공하는 메뉴바를 편집하는 법에 대해서 살펴보도록 하겠습니다. source : 1. 메뉴 리스트 작성하기 먼저 어떤 것들을 메뉴로 만들것인지를 정합니다. 편의상 메뉴1 ~ 메뉴5로 정하고, 과 를 이용하여 리스트를 만들어 보겠습니다. - ul태그는 순서가 없는 블릿 리스트이며 li는 ul 아래의 항목들을 의미합니다. 메.. 2013. 2. 21.
최근 글과 댓글을 스크롤링 형태로 출력시키기 네이버나 다음의 인기검색어 부분을 살펴보면 현재의 인기검색어가 하나씩 스크롤링 되며 보여지는 것을 확인할 수 있습니다. 이러한 텍스트 스크롤링 스크립트를 티스토리에서도 적용이 가능합니다. 원하는 내용을 입력하여 스크롤링 할 수도 있으며, 최근 글이나 최근 댓글과 같이 지속적으로 변하는 내용의 경우에도 스크롤링이 가능합니다. 현재 블로그 상단메뉴에 최근 댓글이 스크롤링 되어 출력되고 있는 것을 살펴볼 수 있습니다. 이번 글에서는 최근 글이나 댓글을 스크롤링 할 수 있는 방법에 대해서 살펴보겠습니다. 단, 이를 사용할 시 사이드바에 있는 최근 글과 최근 댓글 모듈은 정상적으로 출력되지 않을 수 있다는 점에 유의하시길 바랍니다. 사이에 삽입할 내용 HTML/CSS 편집 모드에서 skin.html의 사이에 추가.. 2013. 2. 19.
애드센스에 테두리 박스, 정책위반? 애드센스의 정책을 위반할 경우, 일반적으로 해당 문제점이 발견된 후 메일을 통해, 위반된 부분을 알려주고 수정할 수 있도록 72시간의 여유를 줍니다. 그 후에도 지속적으로 수정하지 않는다면 해당 애드센스 계정에서의 광고 게재는 중단되게 되지요. 중대한 정책 위반의 경우 경고 없이 바로 광고 게재가 중단될 수도 있습니다. 이 경우 이의신청을 통해, 혹은 수정한 후에 원상 복구할 방법은 있으나, 게재 중단 후 다시 복구되는 데에 큰 어려움이 따릅니다. 사실상 불가능하다고 봐도 무방할 정도이지요. 또한 지금까지 모아둔 수익금 모두를 지급받을 수 없게 됩니다. 때문에 애드센스의 정책을 위반하지 않도록 평소에 신경을 조금이나마 쓰셔야 합니다. 정책위반으로 인해 그러한 메일을 받는 경우가 많지는 않지만 최근 정책의.. 2013. 2. 18.
수익을 높여주는 애드센스 섹션타게팅 방법 블로그에 게재중인 애드센스 광고의 클릭율을 높일 수 있는 가장 좋은 방법은 본문과 가장 연관있는 광고를 노출시키는 것입니다. 물론 애드센스는 자동적으로 본문과 광고를 연관시켜주지만, 본문과 보다 더 매치되는 애드센스를 노출시키기 위해서는 애드센스의 섹션 타게팅을 이용하면 가능합니다. 이를 위해 대부분 블로그의 본문을 나타내는[#샵_article_rep_desc_샵#]라는 치환자에 섹션타게팅을 적용합니다. 전혀 무의미한 일은 아니나, 본문의 글이 길어지면 명확한 키워드가 없기 때문에 섹션타게팅의 효과가 낮아질 수 있습니다. 사실 가장 좋은 방법은, 본문 중 확실한 키워드 부분에 직접 섹션타게팅 소스를 삽입하는 것입니다. 그러나 매번 그러기가 번거로운편이 없지않아 있습니다. 이를 해결하기 위해서 포스트의 제.. 2013. 2. 15.
검색 엔진 최적화의 기본, 타이틀 태그와 메타 태그 이번 글에서는 검색 엔진 최적화(Search Engine Optimisation)의 기본인 타이틀 태그와 메타태그에 대해서 설명하겠습니다. 타이틀 태그는 각각의 페이지, 혹은 사이트의 고유 이름이며 메타태그는 검색봇(혹은 스파이더나 크롤러)이 페이지를 읽어갈 때 가장 먼저 읽어가는 내용입니다. 사람으로 비유하자면, 타이틀 태그라 함은 개인의 이름이라할 수 있고 메타 태그는 자기소개서 정도에 비유할 수 있습니다. 이 두가지가 개인을 나타낼 수 있는 가장 중요한 방법인것처럼, 검색 엔진에게 자신의 사이트나 블로그를 소개해야 되는 입장에 있는 우리들에게도 역시 중요합니다. 메타 태그는 웹문서 검색란에 결과를 노출해야 하는 일반 웹사이트의 경우에는 반드시 해야하는 내용입니다. 그러나 페이지가 아닌 rss를 읽어.. 2013. 2. 14.
반응형

티스토리툴바