본문 바로가기
blog/스킨 편집

티스토리 북클럽 스킨에서 인스타그램 새 창으로 뜨게 하기

by Dreaming Coder 2020. 12. 17. 06:33

 


이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

 


 

 

 

 

티스토리 북클럽 스킨의 홈 프로모션, 새 창으로 뜨게 하기

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 티스토리 스킨 편집으로 글 작성 시간 숨기거나 나타내기 이 포스팅은 PC로 작성되

gogogameboy.tistory.com

지난번의 스킨 편집은 북클럽 스킨에서 홈 프로모션 링크를 새 창으로 뜨게 하는 법을 배웠습니다.

 

오늘도 비슷한 내용입니다. 북클럽 Book Club 스킨에서 인스타그램을 새 창으로 뜨게 하는 법을 알아보겠습니다.

다른 스킨에서도 인스타그램이 새 창으로 뜨지 않는다면 이 글을 참고해주세요.

 

 

 

인스타그램이 새 창으로 뜨지 않는다

 

북클럽 스킨의 스킨 편집을 들어가서 스크롤을 내려보면 위와 같이 사이드바 쪽에 인스타그램이나 페이스북 같은 SNS를 링크시킬 수 있습니다.

 

 

 

적용을 시키면 블로그의 사이드바에 위와 같이 인스타그램으로 이동이 가능한 아이콘이 뜨게 되는데요,

문제는 저번과 마찬가지로 새 탭으로 뜨지 않고, 현재의 탭에서 사이트 이동이 이루어진다는 점입니다.

이걸 새 탭으로 뜨게 해보겠습니다.

 

 

 

 

 

 

스킨 편집으로 인스타그램 새 탭으로 뜨게 하기

 

방법은 저번에 홈 프로모션을 새 탭으로 뜨게 만든 것보다 훨씬 쉽습니다.

html 편집으로 들어가셔서 한글로 '인스타그램'이라고 검색을 합니다.

그러면 검색 결과가 위와 같이 딱 하나밖에 나오지 않습니다.

그 인스타그램을 감싸고 있는 <a> 태그에 target="_blank" 를 써넣으시면 됩니다.

 

 

 

위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

 

 

 

 

티스토리 블로그 html 편집 들어가는 법

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 이번 포스팅은 포스팅 거리도 못 되는 정말 민망할 정도로 쉬운 내용입니다. 하지만

gogogameboy.tistory.com

혹시 티스토리의 html 편집이 어디 있는지, 소스 코드 내 검색은 어떻게 하는 것인지 모르시는 분들은 위의 글을 확인해주세요.

 

 

 

 

링크 태그 (feat. 하이퍼텍스트)

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 제목 태그와 글씨를 굵게 해주는 태그 이 포스팅은 PC로 작성되었습니

gogogameboy.tistory.com

a href= 와 target= 태그에 대해서 전혀 모르시는 분들은 위의 글도 보시는 것을 추천드립니다.

 

 

그리고 마지막으로 html 편집 상단의 적용까지 클릭을 하시면 끝납니다.

그러고 나서 블로그를 새로고침하고, 인스타그램의 아이콘을 클릭하면 새 창으로 인스타그램이 뜨게 될 겁니다.

 

 

 


이 글이 도움이 됐다면 하단의 공감 버튼을 꾹 눌러서
빨간 하트로 만들어주세요.
(비로그인도 가능합니다!!)

지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

 


 


댓글