친효애드온 : 티스토리 + 구글 블로그 본문 링크 배너 수동형 적용 방법
티스토리는 링크를 본문에 삽입 후 엔터를 누르면 해당 링크의 내용들이 자동으로 배너 스타일로 만들어집니다. 이거 하나는 참... 티스토리가 잘 해 놨어요. 사용자 편의성 부분은 오픈형 블로그 중에서는 아직까지는 티스토리가 탑이긴 합니다. 한국에서 만들었으니 뭐 당연하겠지만요. 다만 이런 티스토리도 완벽하지는 않습니다. 이따금씩 자동으로 링크 배너가 안 만들어지기도 합니다. 이유는 알 수 없지만 주로 URL 주소가 길거나 특정 사이트들이 안 되는 것 같습니다. 아마도 각 플랫폼과의 서버 통신이 원활하지 않은게 원인인 듯 해요. 아무튼! 이런 사소한 문제가 예전부터 신경이 쓰였고 어차피 구글 블로그에서도 안 되니까 그냥 둘 다 적용시킬 수 있는 수동형 링크 배너를 만들었습니다. 사용 방법도 그리 안 어렵습니다. 누구나 쉽게 따라할 수 있습니다. 스크립트 필요 없습니다. 그럼 일단 어떤 스타일인지 살펴보겠습니다. 미리보기 저의 티스토리 주소 바로가기 링크 배너를 바로 아래에 적용시켜 보았습니다. 친절한효자손 취미생활 친절한효자손이 운영하는 티스토리로 놀러오세요! rgy0409.tistory.com 이렇게 적용됩니다. 티스토리 오리지널 크기의 절반 수준이죠. 썸네일은 4분의 1로 줄었습니다. 너무 크면 부담스럽거든요. 광고 같기도 하고요. 그럼 어떻게 적용시키는지 안내해 드리겠습니다. 코드 다운로드 먼저 아래의 HTML과 CSS 코드가 들어있는 텍스트 파일을 다운로드 받습니다. 첨부파일 (구글 드라이브) 다운로드 받은 파일을 열어보시면 HTML과 CSS 코드가 있을겁니다. 먼저 CSS 코드를 전체 선택 후 복사합니다. CSS 세팅 복사한 CSS 코드를 스킨에 붙여넣기 합니다. 구글 블로그의 경우에는 관리자 > 테마 > 맞춤설정 오른쪽 버튼 을 눌러줍니다. HTML 편집 으로 들...