안녕하세요 나미입니다.
파워블로거분들이나 블로그로 쇼핑몰을 운영하는 곳을 가보면
신기하고 예쁜 위젯들이 많이 있지요?
오늘은 위젯설정 하는법을 알려드릴게요!
위젯부터 우선 만들어 볼게요
네이버 블로그 위젯의 규격 사이즈는
가로170*세로600 까지가능하구요.
오늘 저는 170*250 크기로 만들어보겠습니다!
물론 투명으로요!
자, 이대로 그냥 저장하면 바로 투명위젯이 됩니다.
투명한 이미지를 저장할땐 PNG파일로 저장해주세요!
투명위젯 적용해봐야 투명이라 보이지 않을테니
일반 위젯도 반투명하게 만들어볼게요~
자, 이제 적용할 위젯들을 만들었으니
본격적으로 적용을 해보겠습니다!
우선 프로필 하단의 [글쓰기]클릭 !
스마트 에디터 말고 일반 글쓰기 화면이어야 합니다!
글쓰기 화면에서 사진업로드 클릭!
아까만든 투명위젯부터 선택을 해볼게요~
안보이실까봐 선택해놨어요 ㅋ.ㅋ
자, 투명위젯 사진을 첨부하셨으면 우측 하단의 [HTML]클릭!
HTML로 들어가시면 알수없는 코드가 보이실겁니다!
그걸 전부 선택해서 통으로 복사!
복사를 완료하셨다면 블로그 [관리]로 이동!
꾸미기설정에서 [레이아웃 위젯 설정]클릭!
들어가셨다면 아래로 크스롤을 쭉 내리시고
[+위젯직접등록]클릭!
위젯에 이름을 정해주시고
복사해왔던 코드를 붙여넣어주세요~!
그리고 다음으로 넘어가시면 미리보기 화면이 뜹니다.
투명이라 보이진 않지만 제대로 반영이 된거니 [등록]클릭!
금방 등록한 위젯이 떴습니다!
취향껏 위치 조정해주시구요
투명이라 잘 안보이실테니 하나더 만든 위젯 같이 등록해볼게요!
방법은 동일합니다!
일반 글쓰기 화면에서 만든 위젯 사진을 올리고
우측하단의 [HTML]을 클릭!
소스코드를 전부 복사!
블로그 [관리]로 이동!
위젯이름은 레이아웃 관리할때 구분을 쉽게 하기위해 적습니다!
그리고 복사해온 코드를 붙여넣기!
미리보기에 예쁘게 잘 떴지요?
등록!
자, 이렇게 직접만든 위젯 두개가 등록이 됐습니다!
하지만 이대로 블로그 화면으로 나가시면 안돼요!
안그럼 어라 위젯이 어디갔지? 이러실수도 있습니당
※ 적 용 모 습 ※
프로필 옆에 나란히 적용한 위젯이 보이시나요~?
이렇게 직접 만든 위젯 등록이 완료가 되었습니다!
투명위젯은 공간을 분리하는 역할로 많이 쓰게되는것 같아요ㅎㅎ
※ 추 가 꿀 팁 ※
저의 경우에는 위젯을 다양하게 사용하고 있어서
나중에 오류로 갑자기 위젯이 안뜬다던지!?
어떻게 위젯을 올렸더라!? 하고 갑자기 기억을 못한다던지! (건망증우주최강)
그럴때를 대비해서 비공개 게시판을 만들어뒀습니다!
블로그 꾸미기용 재료들을 전부 저 게시판에 보관하는거지요!
HTML에서 복사한 코드를 다시 일반 글쓰기 화면에서 사진밑에 붙여놓고
게시물로 보관해서 두고두고 사용하는거에요~
코드를 확인하기위해 글 수정 들어가서 다시 찾아보지 않아도
쉽게 복사가 가능하니 편리하더라구요!
자, 어떠셨나요?
위젯 적용하는법, 잘 따라 오셨을까요?
혹~시나
포토샵이 없는데 투명위젯 적용하고싶어요 ㅜㅜ
하시는 분들을 위해 예제에 썼던 170*250크기의
투명위젯 파일을 공유해드리겠습니다 ^.^
크기는 업로드할때 자유로이 조정하셔서 사용하시면 될것같아요~
오늘도 나미식 꿀팁 도움되셨길 바라며 이만 물러나도록 하겠습니다!
아참! 다음시간은 위젯에 링크거는 방법! 가지고 올게요~!
※블로그 이전작업 중으로 사진내 워터마크가 이전 블로그로 디폴트 되어있습니다※
'Inform' 카테고리의 다른 글
일상꿀팁 :: 화장솜 절약하고 오래쓰는법! (0) | 2020.02.23 |
---|---|
에어비앤비 :: 신용카드 결제수단 삭제하기 / 해킹 무단결제 예방 / 해외승인 예방 대처법 (0) | 2020.02.23 |
[네이버] 블로그꾸미기 :: 위젯에 링크걸기 / 링크위젯 만들기 (0) | 2020.02.22 |
[네이버] 블로그 꾸미기 :: 투명타이틀 적용하기 / 타이틀 꾸미기 (0) | 2020.02.15 |
[네이버] 블로그 꾸미기 :: 내가만든 스킨적용하기 / 투명스킨 적용하기 (0) | 2020.02.14 |