후티스토리

후티스토리입니다.

티스토리 태그목록 화면을 움직이는 태그목록이 되도록 바꾸는 방법을 알아보겠습니다.

다른 분들의 블로그를 방문해보니 거의 움직이는 태그가 많군요. 폭풍 검색을 통해 적용해봤습니다.

왼쪽이 기존의 태그 모습이며 오른쪽이 코드 적용 후의 모습입니다. 많이들 보셨죠.

     [변경 전]                                                             [변경 후]

▶ 첨부된 파일을 다운받은 후 압축을 푼 후

HTML/CSS 편집에서 파일업로드 클릭 후 두 개의 파일을 올려줍니다.

태그 움직이기 파일받기 -> 태그움직이기.zip

▶  첨부된 태그움직이기 html 소스 파일을 복사하여

HTML/CSS 편집의 skin.html에서 태그목록을 검색을 통하여 찾은 후

<ul> 복사한 태그움직이기 코드 붙여넣기 </ul> 사이에 붙여넣습니다.

아래의 소스에서 #fffffff 부분은 배경색이구요, tcolor 부분은 글자색,

tspeed 부분은 태그의 움직임 속도입니다. 당연히 숫자가 높으면 좀 더 빨리.

후티는 150으로 설정했습니다.

태그 움직이기 소스 받기 -> 태그움직이기소스코드.txt

<ul> ~ </ul>사이에 기존에 있던 내용을 지워도 제 티스토리에서는 되네요.

혹 모르니 적용 전 스킨 저장은 필수..

이렇게 간단히 동적인 태그목록을 만들 수 있습니다.

태그목록 자체가 어디있는 지 모르신다구요?

꾸미기 - 사이드바에서 태그목록 모듈을 추가한 후 위치를 조정해주면 됩니다.

한 가지 팁을 더하자면 보여지는 태그 목록의 갯수를 조절할 수 있는데,

화면 설정 -> 화면 출력에서 사이드바에 보면 태그 부분이 있습니다.

보여지는 갯수 및 출력 방법에 대해서 정할 수 있습니다.

원래의 정적인 태그목록과 동적인 태그목록 중 어떤 것이 나은 건지는 모르지만

후티 개인적으로는 움직이는 태그 목록이 좋아보입니다.

후티와 같이 태그목록 움직이게 하는 방법을 알아보았습니다.

후티스토리입니다.

4월 21일 PIN발급에 대한 알림이 뜬 후 근 한 달만에 구글로부터 핀 번호가 왔네요.

손바닥보다 조금 더 큰 엽서 형식으로 구글 로고가 눈에 확 들어오네요.

봉투를 열어보니 안쪽엔 핀 번호 입력하는 방법과 핀 번호가 나와있는 것을 알 수 있습니다.

왠지 모를 영어의 압박감이~~ㅎ

 핀 번호만 알면 쉽게 등록할 수 있으니 걱정하지 마시구요

우선 애드센스에 로그인하면 아래와 같은 PIN 번호 알림창이 있는데 여기를 클릭 부분을 클릭하면 됩니다.

이후 주소 인증 화면이 나타나는데 아래 부분에 PIN 입력 부분에 발급받은 PIN 번호를 입력한 후 PIN 제출을 클릭하면 됩니다.

PIN 제출 아래에 PIN 새로 발급받기 위한 버튼이 있으니 참고하시기 바랍니다. 

이렇게 제출을 하고 나면 애드센스 핀 번호 제출을 통한 인증은 끝나게 됩니다.

남은 건 블로깅을 열심히 하는 일만..

이제 구글 애드센스의 기본적인 부분은 마무리 했으니

지금부터는 블로그를 키우는 일에 좀 더 집중을 할 생각입니다.

생각처럼 될 지는 모르겠지만 많은 블로거분들과 소통하고

좋은 정보들로 채워나갈 생각입니다.

후티스토리입니다.

사이드바에 구글 애드센스 맞춤검색광고를 달았는데요.

검색은 잘 되고 있지만, 검색 화면에도 애드센스 광고를 하나 달아볼까 합니다.

먼저 다른 광고 삽입과 마찬가지로 애드센스 계정에서 삽입할 광고를 하나 생성합니다.

후티는 728*90 리더보드를 선택했습니다.

설정을 마친 후 생성된 코드를 사뿐히 복사해둡니다. 삽입할 곳에 붙여야 되니깐요.

광고를 생성하는 방법은 생략하도록 하겠습니다.

아마 검색광고까지 다신 분들은 아시리라 생각합니다. ㅎ

현재 코드 삽입 전 it로 검색 시 나타나는 검색 결과 화면의 모습입니다.

위에 검색 광고들이 나오죠.

구글 검색을 하기 위해 들어가지 않고 바로 검색할 수 있어 편하게 이용할 수 있습니다.

블로그 운영자 입장에서는 내 블로그내에서 검색이 이루어지므로

방문 시간이 좀 더 늘어난다는 장점도 있겠습니다. 광고가 클릭되어지면 더 좋구요.

하지만, 잘 사용은 안 하는 듯 합니다.

그럼, 티스토리 스킨에 코드를 삽입해보겠습니다.

관리화면 - 꾸미기 - HTML/CSS - skin.html에서 list_conform을 검색(Ctrl + F)하여

빨간 부분에 복사한 애드센스 광고 코드를 붙여넣습니다.

광고 코드 삽입 후 확인해보면 검색결과 화면 하단에 광고가 삽입이 되어진 것을 볼 수 있습니다.

참, 코드 수정하기 전 티스토리 스킨 저장은 필수인 거 아시죠.

혹 잘못될 경우나 마음에 들지 않을 경우 다시 원래대로 되돌려야 하니깐요.

이번 한 주는 계속 애드센스를 이리 저리 주물러보고 있는 후티입니다.