본문 바로가기

카테고리 없음

[티 스토리, 메인 꾸미기]티에디션으로 글자(텍스트)에 링크걸기

[티 스토리 꾸미기]메인꾸미기, 메뉴에 링크걸기


티스토리 메인화면에 있는 글자들에 링크를 걸어서,,

내 블로그의 카테고리나, 다른 홈페이지, 카페, 블로그 등으로 이동하도록,,,

만들고 싶은 분 있으셨을 꺼에요.. 그래서

오늘은 티스토리의 메인 꾸미기 중에 티에디션 기능으로 간단하게,, 

 아래 화면과 같이 메인화면의 텍스트를 클릭하면,,

다른 카테고리나 글로 가지도록 설정 해볼께요,,















아래는 결과물이에요.. 저는 '블로그 기초'라는 텍스트에 링크를 걸어서

'블로그 기초' 글자를 클릭하면,, 오른쪽 카테고리의 '블로그 기초'메뉴로 이동하게 끔 만들어 봤어요~

아래 화면처럼 카테고리로 이동 뿐만 아니라, 카페나 블로그, 홈페이지로도 이동하도록 만들수 있으니깐요,, 

글자를 클릭하면 내가 원하는 곳으로 이동하고 싶다! 하시는 분을 위해서 포스팅 해봤어요~





▼ 1. 티스토리 메인 화면 오른쪽 상단에 '티에디션'을 클릭해주세요




▼2. 링크를 걸고 싶은 영역 클릭해서 상단의 주소를 복사해둡니다



3. 티스토리 작은 팝업창에서 오른쪽에 디자인>>HTML을 클릭해주세요.




 4. HTML 화면이 나오는데요,, 코드가 쫙~~ 나오는데,, 무슨 말인지 모르시는 분 있으실텐테요,, 무슨 말인지 몰라도 글 쭉 따라오시면 글자에 링크걸기는 문제 없으실꺼에요


▼ <ul class="tt-wrap-item"> 과 </ul>사이를 모두 지워주세요


5. <ul class="tt-wrap-item">과 </ul> 사이에


<a href=""><li>화면에 보여질, 링크가 걸릴 글자 이름</li></a>

<a href=""><li>화면에 보여질, 링크가 걸릴 글자 이름</li></a>


를 삽입해주세요



6. 그리고 a href=" " 의 따옴표 사이에,,

아까 복사해놨던,,

▼  텍스트를 클릭했을때 가고 싶은 곳의 주소를 쌍따옴표안(href="이사이에") 넣어주신 후

오른쪽 위의 '적용'을 클릭해주세요



7. 오른쪽 상단 적용하기 클릭하면 텍스트에 링크 달기 완성~!




▼8. 아래 화면처럼 텍스트를 클릭하면 지정했던 가고 싶은 주소로 이동해요~



이걸 응용하면,,


href=" " 사이에 내 블로그이 카테고리 주소를 넣어서 카테고리로 이동할수도 있구요,,


자신이 다른 홈페이지를 운영중이라면 홈페이지 주소로 이동을 할수도 있죠,,


즉, 사이트나 카페, 블로그의 주소가 있는 모든곳으로 텍스트에 링크를 걸어서 이동할수 있어요~~


여러가지 활용할 부분이 많으니깐요~~ 참조해주세요~