; ; ; ; ; ; ; ;
Select Menu

.

.

table one

table three

table four

table six

 ■ 신용카드 10문 10답  클릭!

 ■ 신용카드 Hot Deal  클릭!

 ■ 카드 사용팁 - 항공  클릭!

 ■ 카드 사용팁 - 호텔  클릭!

 ■ 신용점수 확인하기  클릭!

 ■ 신용카드 알짜 TIP  클릭!


table seven

» » 구글 드라이브 이용해서 자바스크립트 파일 블로그 로 불러오기

Print Friendly and PDF   
번역(Translate to)





지난번에 블로그 템플렛을 설치하는 법을 배웠는데요. 템플렛 하나 가지고는 아직 블로그 모

양이 나오지 않습니다. 템플렛은 자동차로 따지면 프레임 이 라고 생각하시면 됩니다.

이제 설치할 자바 스크립트는 자동차로 따지면 엔진 이라고 생각하시면 됩니다.

템플렛 XML 파일 내에 같이 들어있는 CSS 파일이 있는데요 이는 자동차 디자인 이라고

생각하시면 됩니다.


모두 한 템플렛 XML 파일에 넣으면 되지 왜? 따로 나눠가자고 이고생 이냐고 생각하실 수

도  있습니다. 그렇게 할수 있습니다. 단지 자바 스크립트 파일이 너무 길고 템플렛 안에 심

어버 리면 블로그 속도가 느려질 수 있기 때문에 되도록 이면 외부에서 링크만  받아서 사용

합니다. 템플렛 내부에 자바 스크립트 삽입 하는 방법은 추후에 다루도록 하겠습니다.


일단 지난번 받으셨던 템플렛 내에 ~~.js 라고 끝나는 파일명 이 있습니다.

구글 드라이브 에 가셔서 (만들기 --> 폴더) 를 만들어서 폴더 전체를 전체 공개로 공개 지정

을 해두고 자바 스크립트 파일을 마우스로 드래그 해서 구글 드라이브 폴더에 다가 넣습니

다. 폴더 이름이나 이름이 없으면 새 폴더로 표시 되는데요 거기를 클릭 하시면 아래와 같은

창이 나옵니다.


여기서 공유를 클릭하게 되면 비공개 -나만 액세스할 수 있습니다. 옆에 변경...

이라는 글자를 클릭합니다.  그리고 공개 옵션에: 웹에 공개를 클릭하고 저장을 눌러 줍니다.


이제 다시 폴더로 돌아가서 아까 넣어두었던 자바스크립트 파일을 클릭하면

자바스크립트 내용을 보여주는 화면이 뜨게 되는데 무시하고 오른쪽 하단에

공유 버튼을 클릭하면 공유할 링크 창에 링크가 있습니다. 이 부분을 일단 복사 하셔서

메모장을 열어 붙여 둡니다.




예를 들면 위 링크가. 아래와 같습니다.

 https://drive.google.com/file/d/0B76YRFXhvUwbMlpuTEFfUWlLTVk/edit?
usp=sharing

여기서 색깔 을 칠해둔 부분만 잘라내서 아래 에 링크 뒤에 다가 붙입니다.

https://www.googledrive.com/host/


그러면 최종적으로 


https://www.googledrive.com/host/0B76YRFXhvUwbMlpuTEFfUWlLTVk


이 와 같은 주소가 생겨나게 됩니다. (WWW 은 생략해도 됩니다.)

이 주소가 자바 스크립트 주소 입니다.

이제 이것을 XML 템플렛 에다가 심어야 합니다.


템플렛 내에 동일한 자바 스크립트가 없다는 전재하 에서


<script src=' 여기다가 위 링크 입력 ' type='text/javascript'/>

위 와 같이 주소를 입력하고


<script src=' https://www.googledrive.com/host/0B76YRFXhvUwbMlpu

TEFfUWlLTVk ' type='text/javascript'/>

이 스크립트 전체를 복사해서 ( 블로그-->템플렛--> 사용중인 디자인 옆 html 편집) 으로


가셔서 <body>........</body> 구문 중 </body> 바로 앞에 붙여 넣으시면 됩니다.


추후 다루게 될 CSS 코드 는 <head>...</head> 사이에서 </head> 바로 앞 이구요.


이 두가지만 기억하시고 계시면 구글 드라이브 로 블로그 호스팅 하는법은 쉽습니다.


예를들면 아래와 같습니다.




위는 다른 코드를 사용하였는데요 같은 말입니다.


동일한 방법으로 CSS 링크도 넣어주면 되구요 다음번에는


원래 템플렛 내에 있던 자바 스크립과 CSS 파일을 지우고 구글 드라이브에 서 링크 를 불러

와서 사용하는 법을 알려드리도록 하겠습니다. ^^




UP World Story 의 모든 정보는 제 개인적인 의견일 뿐입니다. 블로그 자료의 정확성 및 자료 사용의 결과에 대해 일체 책임을 지지 않습니다. 개인적인 판단하에 참조하시기 바랍니다.

All data and information provided on this site is for entertainment purposes only; please use at your own risk.

1 개의 댓글

  1. HTML 코드 를 넣는것이 있으면 자바스크립트 코드 넣는 <body> 와 </body> 사이 에서 </body> 앞에 다가 넣으시면 됩니다.



    Body 에다가 넣는 이유는 화면 로딩이 본문 부터 되고 나서 --> 기타 등등 이 표시 되게끔

    하는 것입니다. 그래서 혹시 로딩이 늦어도 본문을 계속 사람들이 읽을수 있으니까 좋은 것입니다.

    답글삭제