자바스크립트, 랜덤이미지, 랜덤텍스트, 자동롤링 링크만들기 - 블로그 꾸미기

자바스크립트, 랜덤이미지, 랜덤텍스트, 자동롤링 링크만들기 - 블로그 꾸미기 작성자 : 해커 C　[ 블로그 구경하기 ] 요약 : 자바스크립트를 이용한 랜덤링크 만들기 테스트 환경 : 익스플로러 6~9 버전, 파이어폭스, 오페라, 크롬, 크롬플러스, 사파리, (이하 모바일 브라우저) 다운로드 : 무료(본문중 스크립트 제공) 주의 : 실제와 다른 내용이 포함 될 수도 있음 제작 : http://hackerc.tistory.com

안녕하세요? 해커 C 입니다. ㅎㅎ

빼빼로 데이 잘 보내셨나요? ㅎㅎ

자, 이번에는 해커 C 가 자바스크립트를 활용한 랜덤롤링 링크만들기 강좌 아닌 강좌 를 하겠습니다.

해커 C 보다 티스토리 스킨(Html/Css)을 많이 변경 해본사람을 없을꺼 같다고 자부합니다...

대략 2년 넘게 매일같이 Html과 Css 수정을 하고 있습니다. ^^;

이것또한 블로그를 운영하는데 있어, 블로그에서 손을 때지 않게 해주는 요인중 하나인거 같습니다.

웹표준을 마추기위한,,, 혼자만의 몸부림이겠죠 ㅋㅋ;;

제가 왜 웹표준을 마추는지 궁금하시죠??  검색엔진 최적화를 위함입니다.
(한때 검색유입으로 3~5만 끌어 올렸었죠. 인기,실시간 키워드를 빼고)

자 그럼, 웹표준에 어긋나지 않고 랜덤 롤링 되는 링크를 만들어 봅시다 ㄱㄱ~

'해커 C 이야기' 하단부에 붙어 있는 랜덤 롤링 링크들

방문할때마다, 새로운페이지를 볼때마다, 새로고침을 할때마다, 랜덤하게 노출됩니다. ^^

실시간 인기글(페이지뷰가 높은순) 이것은,, 해커 C 가 개인적으로.. 눈을 끌기 위한 것이구요 ㅎㅎ;;

[랜덤이미지]

전체 자바스크립트는 빼고, 랜덤 롤링 시키고 싶은 구간들

hackerc[0]="<img src='http://hackerc.tistory.com'>";
hackerc[1]="<img src='http://hackerc.tistory.com'>";
hackerc[2]="<img src='http://hackerc.tistory.com'>";
hackerc[3]="<img src='http://hackerc.tistory.com'>";
hackerc[4]="<img src='http://hackerc.tistory.com'>";

img src='이미지 주소' 랜덤하게 노출시키고 싶은 이미지 주소를 넣어 주시면 되겠습니다.

이미지가 많을때는 hackerc[0] 이 문구를 더 추가 하시면 됩니다.

hackerc[0], hackerc[1] ,,,,,hackerc[10] 이렇게 계속 추가 하시면 되요 ㅎㅎ

랜덤 이미지.txt

[랜덤 텍스트]

위에서 말한 랜덤 이미지와 같은 방법 으로 하시면 됩니다.

랜덤 텍스트.txt

[랜덤 텍스트 링크]

hackerc[0]="<a href='http://hackerc.tistory.com/' target='_blank'>해커 C 이야기</a>";

텍스트릴 이용한 랜덤 링크, target='_blank' 타켓 설정은 본인이 원하는 형식으로 사용하시면 됩니다.

랜덤 텍스트 링크.txt

[랜덤 이미지 링크]

랜덤 이미지 링크.txt

[주의사항]

그동안 비공개 혹은 팀블로그로 스킨 수정 해드릴때,

많은 분들이 실수 하시는 부분 입니다.

위에 이미지에 보시는거처럼, 링크나 타켓, 이미지주소 부분에 ' 하나짜리 따옴표가 있습니다.

그런데 여기서 실수 하시는 분들은, 전부 " 쌍따옴표를 찍으시더군요..

hackerc[0]="여기에 링크 혹은 텍스트, 이미지";

보시는거처럼, 쌍따옴표" 는 이미 hackerc[0] 여기서 사용했습니다.

그렇기에 이후에 어떠한 속성과 링크부분에 " 쌍따옴표를 넣어주게 되면,

쌍따옴표를 만나는 부분에서 hackerc[0] 는 끝나게 됩니다.

그리하여, 제대로 작동하지 않게 됩니다. ^^;;

원래 보통, 속성이나 링크는 " 쌍따옴표를 해야 하지만, 여기에서는 ' 그냥 하나짜리를 사용해야 합니다.

많은 분들이 실수 하시는 부분이니 참고 하세요 ^^;

어때요, 랜덤이미지 혹은 텍스트 링크 만들기 쉽죠??

위에서는 언급하지 않았지만, 스크립트에서 hacker[0]="" 이하 생략, 여기서 쌍따옴표 안에 들어가는 내용들중

줄바꿈(엔터/Enter)을 하게 되면, 작동 하지 않습니다. ^^ 참고 하세요~

랜덤 출력, 물어 보시는 분들이 많았지만, 그동안 비공개 댓글로 다들 물어 보셔서,

비공개로 답글 달라 드리로 갔었는데, 포스팅으로 발행 하게 되었네요 ㅎㅎ;;

자신만의 개성넘치는 블로그 만들어 보아요~

조금더 연구하여, 실제 뷰에 대한 자동롤링 링크를 만들어 봐야 겠어요 ㅋㅋ;;(언제가 될려나)

--- Best 글 --- 빼빼로데이 선물, 11분께 티스토리 초대장 배포 합니다. - 해커 C