후티스토리

후티스토리입니다.

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

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

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

     [변경 전]                                                             [변경 후]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

후티스토리입니다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

후티스토리입니다.

현재 애드센스 광고를 상단에 두 개, 하단에 한 개를 달고 있습니다.

테스트를 위하여 하단 광고를 삭제하고 블로그 사이드바에 애드센스 광고를 달아볼까 합니다.

일 방문자수가 많지 않은 상태이지만 공부 겸 해보도록 하겠습니다.

일종의 삽질인셈이죠..ㅎ

우선 구글 애드센스 계정에 로그인하셔야겠죠.

그런 다음 내 광고 - 광고 단위 - 새 광고 단위를 클릭합니다.

흔히 클릭률이 좋다는 160*600 수평형 스카이스크래퍼를 선택했습니다.

아래의 맞춤 채널은 나중에 설정해도 되고 안해도 됩니다.

저장 후 코드를 클릭 후 복사를 합니다.

복사했으니 붙여넣을 곳을 찾아야 되겠습니다.

본문 상. 하단에 애드센스를 광고를 삽입하기 위해서는 HTML/CSS 에서 설정을 했지만,

사이드바에는 관리 화면에서 간단히 광고를 삽입할 수 있습니다.

티스토리 관리 화면 - 꾸미기 아래 사이드바 - HTML 배너출력 - 편집을 클릭하여

HTML 소스 부분에 생성한 사이드바 광고 코드를 붙여넣기 한 후 확인하면 됩니다.

애드센스 광고 배너가 왼쪽에 치우치지 않고 중앙에 정렬하기 위해

<div align="middle"> 애드센스 광고코드 삽입 </div>

위의 코드를 추가하여 수정합니다.

후티스토리이 사이드바는 정렬이 안되네요..쩝 보여지듯이 왼쪽에 맞춰져 있군요.

이 후 배너가 보여질 알맞은 위치로 드래그하여 정렬을 해준 후 미리보기를 통하여

제대로 적용이 된다면 저장하면 됩니다.

위와 같은 방법으로 쉽게 티스토리 사이드바에 구글 애드센스 광고를 달 수 있습니다.

이젠 한 동안 지켜보는 일만 남았군요.

참. 꾸미기 - 사이드바에서 HTML 배너출력이 보이지 않으면

바로 아래의 플러그인 설정 - 관리 및 통계 분류에 있는 배너출력이라는 플러그인을 사용하도록 체크해야 됩니다.

후티와 같이 티스토리 블로그의 사이드바에 애드센스 광고 삽입하는 방법을 알아보았습니다.