본문 바로가기
IT PC 모바일 과학 분야

티스토리 블로그에 별점(STAR RATING)을 달아보세요!

by 잡글서점 2013. 1. 1.


티스토리 블로그에 별점(STAR RATING)을 달아보세요!


개인적인 사이트를 운영하신다면 꼭 한번 달아보고 싶은 것이 바로 별점이 아닐까요?

방문하시는 분들의 평가는 해당 포스팅에 평가는 어떨지 혹은 어떤 상품이 맘에 드는 호감도를 파악하고자 할때 도움이 됩니다.

여러 방문자들의 누적된 평가는 집단 지성이라서 그런지 더욱 좋은 결정에 도움을 줍니다.



하지만, 일반 코드를 적용하기 위해서는 아작스나 제이쿼리등에 대한 지식이 필요합니다.

더불어 PHP등과 같이 서버사이드스크립트 언어를 활용해서 DB에 해당 평점을 연동해줘야 합니다.

일부 블로그에 그런 권한도 없을 뿐더러 그런 기술적인 활용은 너무 큰 부담이 옵니다.


만약 방문하신 분들중에서 해당 코드가 필요하신 분은 아래 링크를 참고하시기 바랍니다.

http://www.htmldrive.net/categorys/show/9/Rating-Star-Rating 


그렇기에 소개해드릴 사이트가 바로 간단하게 붙여넣는 별점 만들기입니다!!!




레이팅 코드(RATING CODE)를 생성해주는 사이트입니다.


http://www.ratingcode.com/

그럼 간단한 3단계로 소스를 구해보세요!


우선 위의 사이트로 클릭하여 이동을 하시면 중간 부분에 아래와 같이 나옵니다.


우선, 원하시는 별점 스타일을 선택하세요...

( 아쉽게도^^; 제가 원하는 이쁜 스타일은 아니지만 저정도면 상당히 준수한 것 같습니다. )

그리고 배경색상을 선택하시고 오른쪽에 생성된 코드가 보이십니다. 


!우선은 복사하지 말고 창도 닫지 말아주세요


그리고 유저분들의 블로그의 관리자모드(알파벳 Q를 누르시면 빠르게 이동합니다)에서 

꾸미기-HTML/CSS 편집으로 이동하십니다. 


그리고 컨트롤+F 를 눌러 찾기를 하셔서 다음 아래 코드를 복사해서 붙여넣기 해주세요


##_article_rep_desc_##


해당 코드가 포스팅의 내용을 담당하는 코드입니다.




자, 그러면 오른쪽 처럼 해당 포스팅을 찾아서 그 위에 넣거나 혹은 아래에 아까 복사하지 않았던 해당 코드를 붙여넣으시면 됩니다. 테스트용으로 아래 소스를 붙여넣으셔도 됩니다.


<!-- Free Rate Hosting By Ratingcode.com -->

<table cellpadding="0" cellspacing="0" width="133" bgcolor=#FFFFFF>


<tr><td>


<iframe src="http://www.ratingcode.com/show.php?id=135697838241&st=3&bg=FFFFFF" border="0" width="115" height="37" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" bgcolor=FFFFFF></iframe>

</td>


<td width="18" align="center" valign="top" style="padding-top:5px">

<a href="http://www.ratingcode.com" target="_blank"><img src="http://www.ratingcode.com/images/info.png" border="0" alt="Free Rating Code" title="Free Rating Code"></a></td>


</tr></table>

<!-- Free Rate Hosting By Ratingcode.com -->



적용 모습

Free Rating Code

해당 코드가 좋은 점은 아이프레임이라서 테이블을 손질해주시면 쉽게 어디에도 꾸밀 수 있습니다^^*


그럼 좋은 블로그 꾸미기를 해보세요~

댓글