2017년 11월 19일 일요일





불판이 리뉴얼 되서 (사실 리뉴얼 된지 꽤 됐지만)
이 팁글도 수정해볼까 한다

내용은 비슷비슷할거야!

리뉴얼 되고 태그가 사실 많이 필요없지만!
그래도 혹시나 도움이 될까봐 올려봐


< 이미지 삽입 >

1. 파일첨부 방법

가장 쉬운방법이야

1) 파일첨부
2) 본문삽입! (이건 모바일에서도 마찬가지!)


# 데스크탑 버젼


# 모바일 



모바일도 마찬가지로 사진 파일올리기 - 선택 - 본문삽입을 해야
(저 보라색 화살표 눌러도 돼)
우리 째니 사진도 올리고 그럴수 있다!!




그러나
우리에게 제한된 2메가라는 용량☆★
이왕 볼거 고화질이면 좋쟈냐여...?
어지간한 고화질 움짤은 2메가 훌쩍 넘어버림 따흑

그래서 필요한







2. 이미지 주소 이용

여기서 부터 멘붕인 고갱들도 있을거야
이미지 주소? 그게뭔데...? (당황
나고갱같은 컴고자도 다 합니다!!!

그런데 당황스럽게 imgur가 안되더라고?
증말 편하고 좋았는데....따흑.....


* 이미지 주소 따는 곳

tinypic
http://tinypic.com/index.php

fileslink
http://www.fileslink.com/

IFH 이미지 호스팅
http://ifh.cc/

텀블러
https://www.tumblr.com/

구글블로그
https://www.blogger.com/


개인적으로 텀블러나 구글블로그를 추천해 (나는 항상 구글블로그!)
이미지 주소는 구글, 텀블러 데스크탑 버젼만 올릴게
솔직히 모바일로 이미지 주소따는건 넘나 비추ㅠㅠ 귀찮아....



위에 링크들에서 이미지 주소를 복사하면
게시판 글쓰기 들어가서 HTML편집기 버튼 누르고

<img src=이미지 주소> 여기 이미지 주소 부분에다가 붙이면 돼!
<img src="이미지 주소"> 가끔 "" 있어야 하기도 하고 모르겠다 이건나도 (짜짐)





# 구글 블로그

(저번거 재탕)

에디터에 HTML 편집기 버튼 누르고 태그 복붙한다음에
다시 HTML편집기 누르면 사진이 뜰거야!

안뜨면 태그가 잘못된것....일것....아마도.....





# 텀블러

1) 본인 이메일 계정으로 가입

2) 올릴 사진을 업로드 하면 이렇게 사진이 뜸




3) 사진위에서 오른쪽 마우스 키 - 이미지 주소 복사
(저 창에서 하니까 사진이 원본이 아니네ㅠㅠ 
새탭or새창에서 이미지 열기하고 주소창 주소 복사하면 원본 크기!)


4) 게시판 에디터 HTML 편집기 창에서

 <img src=이미지 주소>

이미지주소 부분에 그대로 붙여넣기 하면 사진이 떠

<img src=https://78.media.tumblr.com/8ed5f17c0829f497751e24215bc3a294/tumblr_oznq9raGQa1wixryyo1_1280.jpg> 

이런식으로!


HTML 편집기를 비활성 시키면




넘나 잘생긴 우리 와나왆 나오고요 나와야해! 안나오면 잘못된거야
태그한번더 검사!!


+) 모바일로도 가능하긴함!
본인 텀블러 계정들어가서 사진꾹 누르면 이미지 열기 보일거야
그러면 크롬이나 사파리 또는 다른 브라우져로 이미지 뜨는데 그때 주소창! 복사해서
똑같이 <img src=이미지 주소> 이거 쓰면돼!

프리방에는 따로 HTML 체크 안하고 바로 <img src=이미지 주소> 이거 올리면돼!







< 동영상 삽입 >


이것도 재탕 하려니까 유튜브 또바꼇어 딥빡
삽입하려는 동영상 밑에

공유 - 퍼가기 누르면




























이런 창이 뜬당

<iframe ~ 어쩌고 이부분 그냥 전체 복사해서
HTML 활성화 하고 붙여넣고 HTML 비활시켜서 확인!

(또는 그냥 동영상 위에서 오른쪽 마우스키 - 소스코드 복사)

근데 이건 정말 기본이고!



다른 설정들을 더 넣고 싶으면 저 소스코드에 따로 태그를 넣어야하는데
예를들어 자동재생 반복재생 크기 같은!

http://kkyhome.com/tool/?youtubetag


나는 그냥 여기서 설정해서 바로 복붙해서 써!
(감사합니다 저 홈페이지 만들어준 분....)

자동재생 &autoplay=1
반복재생 &loop=1

솔직히 나는 이거밖에 안써서..............
크기는 저기 위에 유투브 복사하기전에 갱들 원하는 크기로 설정하고 복사하면돼!


-

이거 그냥 저 위에 홈페이지에서 설정한거 복사한거라 넘아가도돼!

?autoplay=1&playlist=★★★&loop=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen></iframe>


▲요것! 이건 자동재생, 반복재생만 해둔거야!

다른 태그들은 서치해보면 잘나온다!

아무튼 저걸 복사해서

<iframe width="854" height="480" src="https://www.youtube.com/embed/o4_tHTmniw4" frameborder="0" gesture="media" allowfullscreen></iframe>


아까 유튜브에서 복사한거 있지?! 여기에 내가 올려준것을 복사해서

<iframe width="854" height="480" src="https://www.youtube.com/embed/o4_tHTmniw4?autoplay=1&playlist=★★★&loop=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen></iframe>

그리고 ★★★ 이부분에다가 
embed/☆☆☆?autoplay ☆☆☆이거 복사해서 넣어주면돼!
즉 ☆☆☆=★★★

죤나 귀찮지?

http://kkyhome.com/tool/?youtubetag 

그냥여기쓰는게 나아...응...
크기는 그냥 입맛대로 바꾸면 되고

브금 크기는 300x25!


다완성한 태그는 HTML 편집기 클릭하고 복붙!







< 접기태그 >


저번에 올렸는데 왜 안되는지 모르겠어 허허....
다시 해본다

<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';"href="javascript:void(0)"> 
클릭하면보임
</a><div style="DISPLAY: none">
내용
</div>

이걸 아까 주소딴 사진으로 써먹으면

<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';"href="javascript:void(0)"> 
클릭하면보임
</a><div style="DISPLAY: none">
<img src=https://78.media.tumblr.com/8ed5f17c0829f497751e24215bc3a294/tumblr_oznq9raGQa1wixryyo1_1280.jpg>
</div>



이렇게 되겟지? 제발되라
이 태그도 물론 HTML 편집기에다가 해야해!

프리방에는 그냥 복붙!





< 테스트 하는 홈페이지 >

http://htmledit.squarefree.com/


태그 땄는데 불안하면 테스트 해보는 페이지!
요기 들어가서 너고갱들이 테스트 해보면 된다 (사진, 동영상 다 되니까!)

근데 필요없을거 같아
우리에디터 개죠와......스릉....







< 기차세우기 >

1) 메일로 기차세우기

a.내게 쓰기클릭!
b. 파일 첨부하고대용량으로 전환
c. 메일 보내고 확인하는 창에서 첨부파일 오른쪽 마우스키 -링크 주소 복사
d. 중간중간에 기호 넣어주기 ★ 별 같은거
(나도 확실하지는 않은데 기호 안넣으면 다 안받아도 터진다네)
e. 기호 넣은 링크 올려주면 끄읏.


2) 구글 드라이브

a. 파일을 올린다
b. 오른쪽 마우스키 - 공유 -링크가 있는 모든 사용자가 볼수있음설정
c.링크를 복사해서 올린다





-

끝!
사실 내용 뭐 달라진것도 없네 (코쓱)
암튼 갱들의 더 활기찬 불판활동을 위하여 치얼스



댓글 없음:

댓글 쓰기