본문 바로가기
Tistory (티스토리 블로그)/티스토리 블로그

티스토리 사이드바에 인스타그램 배너를 넣어보자

by CHCH ITG 2017. 6. 12.

안녕하세요~ 모든 IT 정보와 테크놀러지 그리고 컴퓨터 정보를 공유하는 K.Min's 입니다.

오늘 제가 소개해드릴 정보는 티스토리 블로그 사이드바에 인스타그램 배너를

넣는 방법을 알려드리도록 하겠습니다. 



넣게 된다면 이렇게 넣어지게 되는데요. 이렇게 인스타그램을

넣으실려면 일단 자기만의 배너이미지를 만드셔야 됩니다. 그림판을 사용하셔서 

만드는 것이 가장 간편하며 포토스케이프를 추가적으로 사용하시면 좀 더 편하게

멋진 배너를 만드실 수 있습니다. 주의점이라하면 배너크기는 257 x 99로 하셔야 됩니다.

자 이제 배너 이미지를 만드셨으면 일단 인스타그램 홈페이지에 들어가셔서

자기 인스타그램 주소를 복사해서 메모장에 일단 붙여 넣어주세요.

그 다음 자기가 만든 배너이미지를 티스토리 블로그 글쓰기에다가 넣어주세요.


넣으신 이미지를 오른쪽 클릭하시면 " 이미지 주소 복사 " 라는 것이 있는데

이미지 주소 복사를 누르시고 메모장에다가 붙여줍시다.

그리고 아까 이미지를 넣은 글쓰기는 " 비공개 " 로 저장해주셔야 됩니다.(필수!)


인스타그램 코드.txt

자 다음으로 위의 있는 인스타그램 코드를 다운받아주세요.

다운받으시면 이런 코드가 있으실텐데


<center>

<a href="본인의 인스타그램 주소" target="_blank">

<img src="두번째 단계에서 업로드한 이미지 주소">

</a>

</center>


첫번째는 아까 본인의 인스타그램 주소를 넣으시면 되며

2번째는 비공개로 저장한 이미지 주소를 복사한 것을 넣어주신 다음에

코드 전체를 복사해주세요.

자 이제 그 코드를 복사하셨으면 티스토리 관리로 들어가셔서

꾸미기 카테고리의 " 사이드바 " 를 눌러주세요.


사이드바를 누르시면 오른쪽에 수많은 사이드바 출력표가 있습니다.

저기에서 HTML 배너 출력 옆에 있는 " + " 키를 눌러주세요.

눌러주시면 이렇게 새창이 하나 뜨실텐데요.

이름에는 인스타그램을 쓰시고(아무거나 쓰셔도 상관은 없습니다.)

그리고 HTML 소스 옆에 있는 빈칸에는 아까 복사하셨던 위의 코드를 그대로

갔다 붙여넣으시면 됩니다. 그리고 " 사용자 모듈에 저장 "을 체크해주셔야

나중에 스킨을 바꿀 때 그대로 넣으실 수 있습니다. 그리고 확인을 눌러주시고

자기가 원하는 곳에 인스타그램을 두신다음에 위의 저장을 눌러주시면 끝납니다.

생각보다 굉장히 쉽죠? 이것으로 오늘은 티스토리 블로그 사이드바에

인스타그램 배너를 넣는방법을 알아보았는데요. 다음에는 좀 더 유용한 티스토리 블로그

정보를 가지고 돌아오도록 하겠습니다. 이상 K.Min's 인스타그램 배너에 관한 정보였습니다.

1.이 글이 도움이 됐다면 저의 블로그를 공감버튼을 한번만 눌러주세요!

2.댓글과 공감버튼을 주시는 것 자체가 저에게는 정말 큰힘이 됩니다.

3.새글을 받은 편지함으로 받아보고 싶으시면 K.Min's 페이스북 페이지를 팔라워 또는 좋아요를 눌러주세요!

(페이스북 페이지 바로가기)


댓글