블로그에 배너 넣기~~! 게임회사도 사용 한다는 그것~~!

안녕하세요 여러분

 

오늘은 블로그의 핵심 컨텐츠 배너를 넣어 보았습니다

 

만드는 것은 그렇게 어렵지는 않았지만 

 

적용하는 것이 힘들 었습니다.

 

하지만 잘 따라오시면 여러분들도 할 수 있습니다.

 

그럼 시작을 해볼까요 ㅎㅎ

일단 게임 회사나 웹 퍼블리셔에서 많이 사용하는 베너를 모방을 했습니다.

 

방향버튼을 움직이면 사진이 움직이고 클릭을 하면 그 해당 페이지로

 

넘어가는 형식입니다.

 

 JAVA를 사용하는 분이라면 이클립스를 사용을 하시겠지만

 

요즘이 무슨 시대입니까 웹에서 모든지 다 돌아가는 시대 아닙니꽈~~!

 

repl.it이라는 사이트에서 javascript와 html을 이용해서 만들 었습니다.

 

만약에 프로그래머 이시거나 아님 이쪽에 관심이 있으신 분은 들어가 보셔서

 

해보시면 신세계~~!

 

다른 설정 필요없이 다양한 언어를 바로 사용하고 디버깅도 가능합니다.

 

잡다한 것을 집어 던지고 적용하는 방법에 대해서 알려 드리겠습니다.

 

우선 환경 설정에 스킨 변경에 들어가 html 수정을 클릭을 해주면 아래와 같은 창이 보입니다.

 

그리고 css에 제가 업도르한 css 파일을 복사해서 넣어 주세요~~!

 

그리고 html 로 돌아가셔서

 

여기에 스크립트 삽입 이라고 표시된 부분에 소스 코드를 복사 붙이기하시면 됩니다.

css.png

0.06MB

css.txt

0.00MB

html삽입.png

0.04MB

html에서 이미지 삽입이 이해가 어려주시면 아래 이미지를 봐주세요

 

다 하셨다면 적용을 눌러 주시고 옆에 있는 새로고침을

 

꼭 해주세요~~!

 

그러면 끝입니다...

 

나름 쉽게 설명을 했는데 

 

어려우시면 뎃글 남겨주세요~~!