-
티스토리 블로그 사이드바에 배너를 달아보자나머지 2014. 7. 13. 12:43
지금 넥5에 관련된 포스팅을 하고 있는데 아무리 쥐어짜도 글감이 안나오길래 한번 색다른 주제로 포스팅을 해보겠습니다
1.배너 선정
가장 간단해보이지만 의외로
(나만)어려운 것이죠 저는 진보넷의 "주민번호 없는 인터넷"이미지를 사용하겠습니다
배너 주제가 참 좋죠? 이 배너는[http://i-pin.jinbo.net] 에서 구할 수 있습니다 우측 상단의 행동합시다를 클릭하세요 그럼 아래와 같이 2개의 이미지가 있습니다
이 이미지를 다운받거나 아니면 다운받지 않아도 무방합니다 이따가 직접 연결할 수 있으니까요
2.플러그인 설정 및 소스코드 삽입
티스토리 관리자 설정->플러그인 설정에 가보면 배너 삽입이라는 플러그인이 있습니다 이 플러그인을 사용해주세요
위의 두 이미지는 200x200입니다 따라서 가로세로 설정도 200x200으로 해줘야겠죠? 아래는 그 스크립트입니다 복사해서 쓰세요
여기에서 WIDTH:와 HEIGHT를 수정해주면 되는데 저는 170으로 했습니다 또한 <a target>부분 있죠? 그 부분을 지우면 아무 사이트로도 연결되지 않습니다 완전히 장식용이 되는 것이죠
또한 다른 배너를 쓴다면 그 배너에 맞게 적절하게 수정하셔야 됩니다
3.만약 블로그에 직접 업로드하고 싶다면?
티스토리 관리->HTML/CSS설정에 가시면 상단에 파일 업로드가 있죠? 거기에 쓰고싶은 배너파일을 업로드하면 됩니다
여기 추가버튼을 누르면 업로드가 가능한데 업로드한 파일을 우클릭 후 링크 주소 복사한 후 위의 <img style>의 src=""부분에 이 링크 주소를 넣어주면 됩니다 저는 아래와 같이 되는군요
src="http://cfs.tistory.com/custom/blog/117/1175301/skin/images/mark_colored.png?=499073264"
4.배너 적용
위의 수정한 스크립트를 모두 복사합니다
복사하셨으면 관리->사이드바에 HTML배너출력이라고 있을거예요 거기 +버튼을 누르고 사이드바1에 방금 생성한 HTML 배너출력 편집 버튼을 누른 후 코드를 붙여넣고 이름은 어떤 것으로 하든 무방합니다
확인 후 우측 상단의 저장을 클릭하세요 그러면 스킨에 따라 다르게 나오기는 하는데 저는 우측에 되었군요 좌측에 나올 수도 있습니다. 이상입니다
'나머지' 카테고리의 다른 글
우분투에서 안드로이드 어플 개발환경 구축하기 (4) 2014.02.08 휴대폰으로 간단한 계좌이체 toss(토스) 사용 후기 (10) 2014.02.01