네이버 블로그 스마트 에디터 ONE 위젯 만들기
네이버 블로그에서 위젯을 만드는 방법으로 이전에 스마트 에디터 2.0을 이용했습니다.그런데 스마트 에디터 2.0이 22년 11월 30일부터 서비스 종료되었습니다.
스마트 에디터 2.0 종료일 22년 11월 30일 (수) 스마트 에디터 2.0 종료 2022년 11월 30일 (수) 공식 서비스 종료 예정 ※2022년 12월부터는 PC/A… blog.naver.com
스마트 에디터 2.0으로 위젯을 만드는 것이 익숙한데 스마트 에디터 ONE에서는 위젯을 어떻게 만들까?궁금하신 분이 있어서 카카오톡 채널 추가 위젯을 만드는 과정에서 스마트 에디터 ONE에서 위젯 작성을 기록합니다.카카오톡 채널 위젯 이미지는 디자인 플랫폼 사전 캔버스에서 무료 이미지로 만들었습니다.사전에 캔버스에 유료 이미지도 있으니 잘 확인하시고 사용하시면 됩니다.네이버 블로그 위젯의 크기는 가로(170px)x세로(~600px까지) 예는 170x170px로 만들었습니다.
위젯으로 사용할 이미지가 준비되면 네이버 블로그 비공개 글로 글을 작성합니다.
네이버 블로그 위젯코드 <ahref=”위젯을 눌렀을 때 이동하는 페이지 주소(예: 카카오톡 채널 주소)”target=”_blank”><img src=”위젯 이미지 주소” width=”170″></a> 비공개글 저장 등록 후 아래와 같이 이미지 주소를 확인합니다.
블로그 비공개 포스팅을 저장한다.▼이미지를 우클릭하여 “새탭으로 이미지 열기” ▼새탭에 이미지만 작게 창이 나타납니다.▼이미지 오른쪽클릭 “이미지 주소 복사”
.png?type=w800)
상기 위젯 코드를 메모장에 작성한다.위젯을 눌렀을 때 이동하는 페이지(카카오톡 채널) 주소에 본인의 카카오톡 채널 주소를 넣고 위젯 이미지 주소에는 아래 이미지 주소 복사 주소를 넣는다.
블로그 장식 설정▼레이아웃. 위젯 설정
위젯 코드를 입력하여 미리보기에서 이미지를 확인합니다.
위젯 등록이 올바르게 이루어지고 있는 경우 이미지가 노출됩니다.이미지를 클릭하여 청원하는 페이지로 이동하는지 확인합니다.혹시 페이지 이동 오류가 있는 경우 다시 위젯 등록 코드 입력을 확인해 주십시오.
네이버 블로그 에디터 ONE에서 위젯 만들기 쉬운 건 아니더라도 천천히 설명을 보면서 하시면 됩니다.인스타그램, 유튜브, 기타 원하시는 위젯 만들기도 위와 같은 순서대로 등록하시면 됩니다.
네이버 블로그 에디터 ONE에서 위젯 만들기 쉬운 건 아니더라도 천천히 설명을 보면서 하시면 됩니다.인스타그램, 유튜브, 기타 원하시는 위젯 만들기도 위와 같은 순서대로 등록하시면 됩니다.
로드 중… player_likesound_mutesound_mutesound_volume2sound_volume3[x]플레이어 크기:0x0현재의 해상도:0PMaxAbr해상도:0PP프로토콜:hls현재의 대역 폭:평균 대역 폭:버퍼의 상태:프레임 드롭 레이트:0/0″비디오 통계 버전 4.29.4(HLS)빌드 날(2022/8/31)”네이버 주식 회사 동영상 인코딩 중입니다. 5분 이상 소요될 수 있으며, 영상의 길이에 따라 소요 시간은 달라집니다. 미리캔버스에서 디자인하기 재생 수 2 0 topleft rightbottom마우스를 드래그 하세요 360°Video도움말 MULTI TRACK멀티트랙의 트랙별 영상은 우측 관련영상에서 볼 수 있습니다. 선거광고 안내 음소거 00:00| 00:51화질 선도택 옵션자동 자동 144p 270p 480p 720p HD화질 전체화면 00:00 00:10 00:20 00:31 00:41광고정보 더보기초 후 SKIP초 후 재생 SKIP광고 후 계속됩니다. SNS● ● ● ● ● ● 밴드 TwitterFacebook블로그 카페 URL주소복사 HTML소스 544 x 306740 x 416936 x 5261280 x 720복사 Flash미지원으로 Object코드 퍼가기 기능은 더 이상 지원되지않습니다. 도움말 플레이어 URL복사 레이어 닫기접기/펴기미리캔버스에서 디자인하고 인쇄물제작까지 가능, 인쇄제작하기 전 디자인으로 인쇄물 미리보기 3D미리보기가능미리캔버스에서 디자인하기#미리캔버스#카톡채널이미지디자인#미리캔버스인쇄물미리보기
로드 중… player_likesound_mutesound_mutesound_volume2sound_volume3[x]플레이어 크기:0x0현재의 해상도:0PMaxAbr해상도:0PP프로토콜:hls현재의 대역 폭:평균 대역 폭:버퍼의 상태:프레임 드롭 레이트:0/0″비디오 통계 버전 4.29.4(HLS)빌드 날(2022/8/31)”네이버 주식 회사 동영상 인코딩 중입니다. 5분 이상 소요될 수 있으며, 영상의 길이에 따라 소요 시간은 달라집니다. 미리캔버스에서 디자인하기 재생 수 2 0 topleft rightbottom마우스를 드래그 하세요 360°Video도움말 MULTI TRACK멀티트랙의 트랙별 영상은 우측 관련영상에서 볼 수 있습니다. 선거광고 안내 음소거 00:00| 00:51화질 선도택 옵션자동 자동 144p 270p 480p 720p HD화질 전체화면 00:00 00:10 00:20 00:31 00:41광고정보 더보기초 후 SKIP초 후 재생 SKIP광고 후 계속됩니다. SNS● ● ● ● ● ● 밴드 TwitterFacebook블로그 카페 URL주소복사 HTML소스 544 x 306740 x 416936 x 5261280 x 720복사 Flash미지원으로 Object코드 퍼가기 기능은 더 이상 지원되지않습니다. 도움말 플레이어 URL복사 레이어 닫기접기/펴기미리캔버스에서 디자인하고 인쇄물제작까지 가능, 인쇄제작하기 전 디자인으로 인쇄물 미리보기 3D미리보기가능미리캔버스에서 디자인하기#미리캔버스#카톡채널이미지디자인#미리캔버스인쇄물미리보기
QRqr 코드 사전에 캔버스로 빠르게 만드는 것을 하나씩 배우며 함께 나누는 울퉁불퉁함 덕분입니다. 저번에 네이버 QR코드 만들기에 대해 포스팅을 했습니다.blog.naver.com
QRqr 코드 사전에 캔버스로 빠르게 만드는 것을 하나씩 배우며 함께 나누는 울퉁불퉁함 덕분입니다. 저번에 네이버 QR코드 만들기에 대해 포스팅을 했습니다.blog.naver.comQRqr 코드 사전에 캔버스로 빠르게 만드는 것을 하나씩 배우며 함께 나누는 울퉁불퉁함 덕분입니다. 저번에 네이버 QR코드 만들기에 대해 포스팅을 했습니다.blog.naver.com