본문 바로가기

Other

티스토리 꾸미기 - 태그 구름모양 꾸미기(3D)


 몇년전 티스토리를 처음 접하였을때 신기했던 것들중 하나가 태그모양이였는데요


 다른 블로그들에 비해 태그란도 디자인 할수 있는 자유성에도 놀랐지요^^


 오늘은 티스토리의 태그를 구름모양(3D)으로 꾸미는 방법을 알아 볼께요~



          




















- 아래 해당파일을 다운 받고 압축을 풀어 주세요



  태그꾸미기_구름모양(3D).zip

 압축파일 안에는
swfobject.js 파일과 tagcloud.swf 파일이 있을꺼에요




- 티스토리 관리메뉴에서 꾸미기 -> HTML/CSS 편집으로 들어갑니다



HTML/CSS 메뉴에서 "파일업로드"로 가신뒤에


젤 하단에 "추가"를 눌러서 위에 다운받아 압축푼 2개의 파일을


전부 업로드 해주세요~ 그럼 파일목록 제일 하단에 위와같이 업로드가 된것을

확인 할 수 있을 꺼예요 ^^






- HTML/CSS 에서 skin.html 수정하기


HTML/CSS 로 들어가서 skin.html를 한번 클릭해준뒤

컨트롤 + F 를 눌러서 "태그목록"을 검색 아래와 같이 수정해주면 되요




위에 검색된 태그목록 아래로 보시면 <ul> 이라는 태그가 보일꺼예요 이 <ul> 태그 사이에

구름모양 태그를 넣도록 할께요~


<ul>

태그코드(기존에 있던 태그는 삭제)

</ul>



- 구름모양 태그 다운


구름모양(3D)script.txt


해당 파일을 다운받으시고 안에 있는 내용 전부를 그냥 복사해서

<ul> 태그 사이에 붙여넣기 해주시면 되요!!






- 저장 후 블로그로 이동하시면!!!



          


















ps. 혹시 원래대로 돌리고 싶으시다면!!


티스토리_태그코드_원본.txt


이걸 다운받아서 마찬가지로 <ul> 코드 사이에 기존걸 지우고 넣어주시면 되요 ^^