안녕하세요 


이번 포스트는 티스토리 Square 스킨 Recent posts 고치는법 입니다. 


각종 방법으로도 해결 안되셔서 엄청 고민하고 계시죠 


저는 수 많은 노력끝에 이렇게 해결을 했습니다.





제가 한방에 해결해드리겠습니다. 


ygal-edit 수정을 여러번 하셨는데도 문제 있으신 분들을 위한 해결방법 입니다. 








1. 스킨편집 클릭


2. html 편집 클릭


3. 파일업로드 버튼 클릭


4. ygal-edit 클릭후 


5. 하단에 삭제버튼 클릭




그후에 제가 올려드린 파일을 다운 받습니다. 


common.js


이파일은 Square 스킨 제작자이신 wallel님이 제작하신 square-final-1.1.1 버전에서 js파일만 추출한것 입니다.


전적으로 출처는 https://wallel.com/ 에 있으며 상업적인용도로 사용이 불가합니다. 


그리고 아래 사항을 숙지하시고 사용하시길 바랍니다. 






파일을 받으셨다면 






1. 스킨편집  


2. html 편집


3.파일업로드 창으로 들어갑니다. 


4. images/common.js 파일을 삭제합니다. 


5. 추가버튼을 클릭해 제가 올려드린 common.js 파일을 업로드 해줍니다.




그리고 인터넷 캐시를 지워주신후 다시 재접속하면 짜잔~ 




저작자표시 비영리 변경금지

'기타 > 블로그' 카테고리의 다른 글

티스토리 크롬에서 임시저장 기능 사용하기  (0) 2019.02.02
티스토리 블로그 포스팅에 지도 첨부하기 (다음지도)  (0) 2019.01.31
티스토리 네이버 웹마스터 검색등록(robots.txt)  (3) 2019.01.30
티스토리 사이트맵 등록(구글, 네이버)  (2) 2019.01.29
티스토리 초간단 구글 검색 등록하기  (0) 2019.01.25




이번 포스트에서는 새롭게 티스토리를 만드신분들이 구글검색에 노출이 되지않는다고 해서 


구글에 자신의 블로그를 노출시키는법을 포스팅 하겠습니다. 




https://www.google.com/webmasters


위 링크를통해서 구글 웹마스터로 접속을 한후 


빨간 화살표가 가르키는 SEARCH CONSOLE을 클릭하시면 됩니다. 




그럼 구글의 SEARCH CONSOLE을 설명하는 화면이 출력됩니다. 





시작하기 버튼을 누르시면 로그인화면이 나옵니다. 


당황하지 마시구 평소 사용하시던 gmail 계정으로 로그인 합니다. 



그이후 본인의 사이트 주소를 추가해줍니다. 


ex) https://mengkkoit.tistory.com/






이제 그다음 본인의 사이트를 인증하라는 글이 나올텐데 


당황하지마시구 그대로 따라 하시면 됩니다. 


권장확인 방법이 아닌 html 태그 를 선택합니다. 






그 이후 빨간 네모칸의 텍스트를 복사합니다. 




그 다음 티스토리 관리페이지로 이동후 


번호 순서대로 이동합니다.




그후 복사한 텍스트를 3번화면 <head> 태그 바로 아래에다 붙혀넣기를 한후 


주황색으로 활성화 된 적용 버튼을 누릅니다.


그다음 아까 텍스트를 복사해왔던 창에서 확인버튼을 누릅니다. 


이것으로 일단 기초적인 등록은 끝났구요 


추가적으로 rss 를 추가해줘야 합니다. 


rss란 (Really Simple Syndication)의 약자입니다 


한마디로 그냥 초간단 배급  구글이 알아서 해주겠다 이 말입니다. 





번호 순서대로 1번 SiteMaps 클릭후 


2번 새 사이트맵 추가 에다가 rss를 입력후 


3번 제출을 누르시면 끝입니다. 



이상으로 아주 초간단 구글검색엔진에 내 티스토리 등록을 해봤습니다. 


궁금한점 있으시면 댓글주시면 답글 드리겠습니다 ~

저작자표시 비영리 변경금지

'기타 > 블로그' 카테고리의 다른 글

티스토리 크롬에서 임시저장 기능 사용하기  (0) 2019.02.02
티스토리 블로그 포스팅에 지도 첨부하기 (다음지도)  (0) 2019.01.31
티스토리 네이버 웹마스터 검색등록(robots.txt)  (3) 2019.01.30
티스토리 사이트맵 등록(구글, 네이버)  (2) 2019.01.29
티스토리 Square 스킨 Recent posts 고치는법  (6) 2019.01.26



자바스크립트에서 현재 시간을 가져와서 매초마다 변경되는 


실시간 시계를 만들어 보겠습니다. 


아주 간단합니다 Date Object를 가져와서 시간 분 초를 뽑고 


값을 넣어주면 간단하게 완성입니다. 


일단 간단하게 크롬 개발자도구를 이용해서 보여드리겠습니다.  





var date = new Date();


데이트 객체를 받아와서 출력해보면 시간정보가 정확하게 나옵니다. 



date.getMonth();


현재 1월달입니다 getMonth()는 0~11월까지를 표시해줍니다. 


즉 +1을 해주면 현재 몇월인지 알수있습니다. 



date.getDate();


현재 24일로 getDate()는 현재 몇일인지 나옵니다.


Month는 0월부터 시작하는데 Date는 1일부터 시작하네요 




date.getDay();


현재 무슨요일인지를 출력해줍니다. 


4가 출력되고 오늘이 목요일인걸 봐선 


0은 일요일 6은 토요일 입니다. 



date.getHours();


getHours는 현재 시간을 보여줍니다.


14인걸로 봐서는 24시간제로 2시를 뜻합니다. 




date.getMinutes();


getMinutes는 현재 분을 보여줍니다. 



date.getSeconds();

 

getSeconds는 현재 초를 보여줍니다.



그럼 이것들을 종합해서 현재시간을 보여주는 시계를 만들어 보겠습니다.



00:00

<h1 id="clock" style="color:gray;">00:00</h1>

<script>

var clockTarget = document.getElementById("clock");

function clock() {
    var date = new Date();
    // date Object를 받아오고 
    var month = date.getMonth();
    // 달을 받아옵니다 
    var clockDate = date.getDate();
    // 몇일인지 받아옵니다 
    var day = date.getDay();
    // 요일을 받아옵니다. 
    var week = ['일', '월', '화', '수', '목', '금', '토'];
    // 요일은 숫자형태로 리턴되기때문에 미리 배열을 만듭니다. 
    var hours = date.getHours();
    // 시간을 받아오고 
    var minutes = date.getMinutes();
    // 분도 받아옵니다.
    var seconds = date.getSeconds();
    // 초까지 받아온후 
    clockTarget .innerText = `${month+1}월 ${clockDate}일 ${week[day]}요일` +
    `${hours < 10 ? `0${hours}` : hours}:${minutes < 10 ? `0${minutes }`  : minutes }:${seconds < 10 ? `0${seconds }`  : seconds }`;
    // 월은 0부터 1월이기때문에 +1일을 해주고 
    // 시간 분 초는 한자리수이면 시계가 어색해보일까봐 10보다 작으면 앞에0을 붙혀주는 작업을 3항연산으로 했습니다. 
}

function init() {
clock();
// 최초에 함수를 한번 실행시켜주고 
setInterval(clock, 1000);
// setInterval이라는 함수로 매초마다 실행을 해줍니다.
// setInterval은 첫번째 파라메터는 함수이고 두번째는 시간인데 밀리초단위로 받습니다. 1000 = 1초 
}

init();

</script>




저작자표시

'IT > JAVASCRIPT' 카테고리의 다른 글

[javascript] 자바스크립트 전역 객체 (Global Object)  (0) 2019.02.05
querySelector(), querySelectorAll() 자바스크립트 요소접근,선택  (0) 2019.01.28
바닐라스크립트에서 이벤트리스너 (addEventListener)  (0) 2019.01.23
텍스트 에디터 없이 웹개발 가능한 입문 사이트 repl  (1) 2019.01.22
"바닐라 스크립트"란 ? VanillaJS  (0) 2019.01.22

+ Recent posts

티스토리툴바