막대 그래프를 달아보세요!

제가 영화리뷰를 쓸때마다 마지막에 흥행예감지수를 덧붙이고 있는데요...
밤마다 짬을 내어 조금씩 쓰다가 요넘의 흥행예감지수 이미지를 만들때가 참 귀찮아질때가 있기 때문에...!
매번 넣다가 않넣으면 안될거 같기 때문에...!
그렇기 때문에 때문에... ~

만들어 보았습니다...^^;

그런데...
제가 예전에 댓글창에 안영미 골룸을 달아보자 이후 ==> http://sohocafe.tistory.com/44
나눔의 미학이 썰렁해진거 같아서... 혹시라도 필요한분이 계실까 싶어서 배포용으로 다시 만들어 봤습니다.

가끔 요런걸 만들어서 공유하려고 했었는데... 어찌하다보니 여의치못했네요...^^;;
늘 방문해 주시는 고마운 분들께 제가 특별히 드릴건 없고...;;;
혹시 요런거 필요하신 분들 계시면 요청해 주세요...!!



자, 먼저 아래 화일을 다운받으세요!

sohocafe_score_bar.zip

다운받으신 후,
압축된 화일을 해제하시면... 세개의 화일이 들어 있을텐데요...
sohocafe_score_script.js, sohocafe_score_bar.swf, sohocafe_score_도움말.txt

이중 도움말화일은 아래와 같은 내용이 들어있구요... 도움말을 참고 하셔서 설치하시면 되겠습니다.
잘 모르시는 분들은 아래 댓글 달아주시면 답변드리겠습니다.

 스텝1.

화일중에 sohocafe_score_script.js 화일을 메모장등으로 열어서 sohocafe_score_bar.swf 화일의 업로드위치를 수정해 줍니다.
티스토리의 경우 http://cfs.tistory.com/custom/....../skin/images/sohocafe_score_bar.swf 와 같습니다.

업로드 위치를 정확히 수정하신후 저장하시고...

티스토리 Admin 에서 스킨>HTML/CSS 편집>파일업로드 에서 sohocafe_score_bar.swf 과 sohocafe_score_script.js 를 업로드 합니다.

 

 스텝2.

아래 Score Bar 삽입 스크립트를 티스토리 Admin 에서 스킨>HTML/CSS 편집> skin.html 의 상단부분 적절한 위치에 삽입합니다.

 

<!-- Score Bar 삽입 스크립트 -->

<script language="javascript"  src="./images/sohocafe_score_script.js" type="text/javascript">
</script>

<!-- Score Bar 삽입 스크립트 -->

위의 스크립트 태그를 아래 그림처럼 삽입해 주세요...

 

 스텝3.

아래의 코드는 본문중에 실제로 스코어바를 나타내는 부분입니다.
적절한 위치에 삽입하시면 됩니다.

입력사항은 다음과 같습니다.

score_bar("제목", 점수, "색상", "링크");

색상은 ff0000 와 같이 16진수 색상표기법으로 입력해 주셔야 합니다.

링크는 옵션사항이므로 입력하시지 않아도 됩니다.

 

 

<!-- Score Bar 본문 삽입용 스크립트 -->

<script language="javascript">
 score_bar("스코어타이틀", 100, "ff0000", "http://sohocafe.tistory.com");
</script>

<!-- Score Bar 본문 삽입용 스크립트 -->

위의 태그를 본문에 삽입하시면 아래와 같이 나타납니다.





몇가지 활용예를 보여드리겠습니다...

 


흥행예감지수 순위





내가 주로 활동하는 리뷰사이트는?

 

부디 널리 활용해주시기 바랍니다^^
멋지게 활용하고 계신분은 꼭 알려주시구요...!!