본문 바로가기
마케팅정보/네이버 블로그

티스토리 페이스북 인스타그램 링크걸기 및 연동방법 알려드려요!

by 필립온 2017. 2. 18.
반응형

티스토리 페이스북, 인스타그램 연동하기 방법 알려드립니다.

안녕하세요 Vere입니다. 티스토리를 하면서

본의아니게 Html언어를 하나하나 배워가게됩니다.

이번에 알려드릴 티스토리 꾸미기 방법은

페이스북, 인스타그램 로고를 누르면은

자신의 페이스북과 인스타그램으로 접속하는 방법입니다.

아직 티스토리 초보라서 이런저런 꾸미는 과정에서

자동으로 적용한 스킨아래 SNS 이미지들이 있더라구요

그래서 클릭을 했는데 무슨 반응도 없었습니다.

클릭해서 내 SNS 계정을 연동시킬 방법이 없을까 찾던도중

방법을 찾아냈습니다. 굉장히 단순하드라구요

네이버에 이미지 'Html 이미지 링크‘를 검색해보니

관련 글이 나와서 아싸리!! 하면서 배우고 적용했습니다.

자!! 그럼 다들 연동하구 SNS 활성화 시작해볼까요?


부담스러운 저의 얼굴아래 페이스북이랑 인스타그램 로고!

전 페이스북을 클릭하면 제가 관리하는 페이지로

인스타그램을 클릭하면은 저의 인스타그램 계정으로

연결할 수 있도록 설정을 해보려고합니다.




변경해야 할 장소로 이동을 해보겠습니다. 장소는 바로바로

관리-꾸미기-HTML/CSS편집입니다.

이곳으로 가시면은 HTML 언어를 모르는 사람들에게는

굉장히 당황스러운 장면이 출력됩니다.



좌측에는 티스토리 대문 장면이 출력되구요

우측에는 영어로된 여러 명령어들이 존재를합니다.

즉 우측을 변경하면은 좌측 대문이 변경되는건데요

저희는 로고에 링크만 걸기 때문에 다른건 손대지마시고

조심조심히 따라와보세요!




페이스북에는 페이스북 페이지 링크걸기

인스타그램에는 저의 인스타그램 링크걸기

많은 영어 명령어 중에 어디를 고쳐야할지 고민하지마시구

Ctrl + F를 누르면 검색창이 뜨는데요 거기에다가

facebook, instragram 둘중 하나를 검색하여 엔터를 누르면



검색이됩니다. 그럼 위에서 어디를 변경해야하는가?

아까 위에서 설명했듯이 네이버에 ‘html 이미지 링크’

검색을 해보니깐 링크걸기 방법을 알려주시더라구요

여기서는 뭐 이미지를 링크걸기라고 나왔지만

링크걸기 방법은 비슷한 맥락이기 때문에

이미지 링크걸기랑 같게 보시면 됩니다!



<a href="URL주소 입력“><img src="사진.jpg></a>

이렇게 나와봅니다. 그럼 조금 눈치가 빠른 사람이라면

뒤에 img쪽을 무시하고 <a href=“주소”이 부분을

주목하시면 될 것 같습니다. 이곳에 주소를 넣으면은

해결 끝 링크걸기 끝끝이겠구나라고 생각했습니다.

그러면 한번 맞는지 넣어볼까요?



페이스북 페이지 주소와 인스타그램 주소를

<a href="주소“>를 넣었습니다.

열심히 넣고서 저장을 눌렀습니다. 일단

외관적으로는 어차피 변한게 없기에 실제로

클릭을 해봐야 링크걸기 연동이 잘됐는지 확인가능하겠죠?



페이스북을 눌러보니 정상적으로 제가 관리하고있는

페이스북 페이지 'Vere channel' 링크 연동 성공!



인스타그램도 눌르니 저의 계정으로 링크걸기 성공!!

페이스북 하는사람은 ‘좋아요’

인스타그램 하는 사람은 ‘팔로워’부탁드립니다.

 

이상 티스토리 페이스북, 인스타그램 링크걸기 연동방법!

반응형