인스타그램 embed + 가운데 정렬

PC로 인스타그램 게시글에 접속 후 우측 상단의 ···를 누르면 창 하나가 뜬다. 세번째 퍼가기를 누르고,

Embed 태그 복사를 누르면 '복사되었다'고 친절하게 알려준다. 인스타그램은 여기까지.

티스토리에서 글쓰기 > 우측 상단의 기본모드 >  html 로 들어가 붙여넣고 미리보기를 하면 좌측으로 쏠린 인스타그램 게시글을 볼 수 있다. 여기까지만 해도 되는데 난 가운데 정렬이 하고 싶다.

가운데 정렬의 방법은 세가지가 있는데,

첫번째,
우측 상단의 기본모드 왼쪽의 ···를 누르고 <>HTML블럭을 누른 후 아래 소스를 기재한다.

<style type="text/css">
.instagram-media{margin:0 auto !important;}
</style>

아니면 두번째,
티스토리의 스킨편집 > css에 들어가 알맞은 위치에 소스를 기재한다.

/* style.css */
.instagram-media{margin:0 auto !important;}

세번째,
아까 티스토리 글쓰기 > 기본모드 > html에 붙여넣은 Embed 소스의 맨 처음과 끝에 <center> </center>를 기재한다.

<-- skin.html -->
<center>
<blockquote class="instagram-media" ... >
</blockquote>
<script async src="//www.instagram.com/embed.js"></script>
</center>

일장일단이 있겠다. 첫번째와 세번째는 게시글마다 기재를 해야 할 것이고 두번째는 아예 스킨 수정에 기재했으니 더이상 가운데 정렬에 신경쓰지 않아도 된다. 난 두번째 방법을 택했다. 

어느 방법이든 미리보기를 하면 가운데 정렬을 볼 수 있다.

---

 

 

 

 

 

Instagram에서 이 게시물 보기

 

 

 

 

 

 

 

 

 

 

 

디온(@theon_kimchidvd)님의 공유 게시물

+) 아 복잡해.. 🤮
위의 '멀홀랜드 드라이브' 예약 구매를 하고 신나서 끄적이려는데 인스타그램 게시글을 어떻게 퍼와야 하는지 몰라서 한창 헤매다가 이게 무슨 미친... 흥은 떨어졌지만 분명히 까먹을테니까 나중에 헤매지 말라고 겸사겸사 끄적이는 글.