네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

네이버블로그 HTML소스코드 삽입방법-스마트에디터3.0

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail
마늘먹는곰T2018. 8. 6. 16:51

네이버블로그 HTML
소스코드 삽입방법
-스마트에디터3.0

안녕하십니까. 매일매일 여러분들께

IT와 모바일, 생활 분야에서

알아두면 유용한 팁을 드리려고

노력하고 있는 마늘먹는곰탱 입니다!

무릇 사람은 인사성이 좋아야 합니다.

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

안녕하세요오~!

더운날씨 잘 살아남고 계신가요?

열심히 일하고 있습니다.

주말은 잘 보내셨나요?

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

에어컨 밖은 위험합니다. 이번 8월이 지나면

어느정도 아침 저녁으로는 시원해 지겠죠?

어차피 시간은 흘러가니까요!

화이팅하면서 포스팅 해 보겠습니다.

위 기상캐스터 말고 아래 본문에

집중집중!! ㅋㅋ

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

저도 블로그를 운영합니다만 많은 분들께서

여러가지 목적으로

네이버블로그를 운영하실텐데요.

스마트에디터 3.0으로 개편되기 이전에는

HTML코드를 삽입하기 참 쉬웠습니다.

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

기억나시죠? ㅎㅎ 초창기부터 블로그를

운영하셨던 분들께서는 기억하시는

그 화면 일겁니다.

그렇다면 3.0버전 에디터에서는 어떻게 하면

HTML코드를 삽입할 수 있을까요?

스텝바이스텝으로 잘 따라오세요!

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

글쓰기를 눌러서 포스팅작성 화면으로

진입해 줍시다. 익숙하시죠? ㅋㅋ

타이틀은 여러분들의 입맛에 맞게 선정하시구요.

본문에 코드를 삽입하고 싶은 곳에

"임의로 키워드를 아무거나 기입"

해 주세요! 이게 첫 순서입니다. 

잘 따라오세요!

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

저는 테스트 목적으로 동영상 HTML코드를

삽입해 보겠습니다. 유튜브, 네이버TV 등등

코드를 딸 수 있는 컨텐츠들 모두 삽입할 수 있어요.

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

저의 최애 배우 "신혜선" 씨의 동영상클립을

검색해 봤습니다. 갑자기 훈훈해 지네요.

아래 폭탄머리 뭐임 ㅋㅋㅋ ㅠㅠ

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

유튜브나 네이버TV 등등 컨텐츠의

서브메뉴에 보면, 공유버튼이 있을거예요.

매의 눈으로 꼼꼼히 잘 찾아보면 발견할 수 있습니다!

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

이렇게 코드를 복사할 수 있게 되어 있을거예요.

잽싸게 복사해 줍시다.

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

요로코롬 클립보드에 복사가 됩니다!

컨트롤 + V를 누르면 삽입가능한

상태가 되는거지요~! 후후후

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

인터넷 익스플로러 아니구요!

"크롬" 을 이용해 주세요!

크롬의 "개발자도구" 를 이용할겁니다!

윈도우 크롬에서는 F12를 누르시구요.

맥 크롬에서는

Option + Command + I

를 누르면 활성화 됩니다요!

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

그 다음 컨트롤 + F 키를 눌러서

키워드 찾기 창을 활성화 시켜 주세요!

그 다음 아까 임의의 키워드로 기재했던

네이버TV를 검색해 봅시다.

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

그럼 이렇게 노랗게 강조되면서

위 화면처럼 찾아줄거에요!

(잘 따라오고 계시지요? 영차영차)

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

그 키워드에 마우스를 올려준 뒤

마우스 오른쪽 버튼을 클릭해 줍시다!

그러면 위 그림처럼 메뉴가 나오는데요.

"Edit as HTML" 항목을 선택합니다.

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

그러면 수정할 수 있게 박스처리가 되는데요.

여기있는 모든것들을 지워버리고

아까 우리가 복사해 뒀던

코드를 붙여넣기 해 줍시다!

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

그 다음 개발자 도구를 닫으면, 

위에 보이는 것 처럼,

동영상이 삽입돼 있을거예요.

예를 들어 동영상이지만, 사운드클라우드를 이용한

음악파일이라든지 혹은 다른 미디어들까지

HTML코드로 구성되어 있는 모든것들을

블로그 본문에 삽입할 수 있답니다.

(막혔습니다. 텍스트로 인식해요)

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail

블로그 관련 팁과 정보도

열심히 알려드리도록 하겠습니다.

도움이 되셨다면 공감! 아시죠?

더운 날씨 건강한 하루 되세요! 감사합니다

네이버 블로그 HTML 파일 - neibeo beullogeu HTML pail



덧. 수정합니다. 현재 스마트에디터 3.0에서

HTML코드를 삽입은 불가해요.

이전버전쓰기로 들어가셔서 코드삽입해 주세요 ^^