홈페이지형 블로그 만들기 네이버 레이아웃, 위젯, 스킨 제작 꾸미기 강좌
HTML-код
- Опубликовано: 11 сен 2024
- #홈페이지형블로그 #블로그만들기 #블로그
홈페이지형 블로그 만드는 방법에 대해서 알아보겠습니다.
홈페이지형 블로그 작업순서
1. 스킨배경 이미지 다운로드 (픽사베이)
2. 이미지 편집 (알씨)
- 스킨배경이미지 크기: 가로 1920px * 700px
- 위젯 메뉴이미지(5개) 크기 : 170px (고정) * 100px (최대 600px)
3. 레이아웃 설정, 스킨배경 변경, 타이틀 높이 조절
4. 내블로그에 글을 작성하여 메뉴 이미지 5개 업로드
5. 위젯 메뉴에서 사용할 HTML 태그 정리 (이미지 경로, 링크주소)
6. 위젯 설정에서 위젯 메뉴 5개 등록
※ 위젯 등록시에 "직접 등록한 위젯의 이미지 정보가 올바르지 않습니다"라고 뜨는 경우는 위젯소스에 입력한 이미지 경로가 틀려서 그러니 이미지 경로를 다시 한번 확인해 보시기 바랍니다.
- 크롬에서 이미지 경로 복사: 이미지 위에 마우스 우클릭 → 이미지 주소 복사
- 익스플로러에서는 이미지 경로 복사: 이미지 위에 마우스 우클릭 → 속성 → 주소
※ 위젯등록 후 이미지 클릭시 새창으로 열리는데 현재창에 열리게 하는 방법
- 위젯코드를 이미지맵 기능을 사용해서 작성하면 가능한데 아래 링크에 있는 위젯코드작성방법 2번째를 참고하세요.
- blog.naver.com...
-------------------
블로그: blog.naver.com/...
유튜브 채널: / gwebs
홍천건축 시공 업체입니다 블로그 초자입문 자로서 강의가 최고 감사 합니다.^^ 파이팅~~~~
좋은 말씀 감사합니다^^
진짜 다른거 복잡하지 않게 짧게 필요한것만 잘 해주셨네요!! 기업이면 몰라도 개인이하는거면 이정도로 설명해주면 되는데 다른데는 너무 길어서 좀 어렵더라구요 ㅠ 너무 싶고 잘해주셨고 유료로 해도 뭐라 못할정도로 깔끔합니다 감사합니다 !!
제 강좌가 도움이 되었다고 생각하니 넘 기분이 좋네요. 좋은 말씀 감사합니다^^
진짜 다른거 다봤지만 알짜만 알려주고 설명 진짜 잘합니다. 제 인생 처음 유투브 구독자 이십니다. 감사합니다!! 이런게 지식공유죠!!
좋은 말씀 넘 감사합니다.
첫 구독자라니 더더욱 영광입니다^^
정말 어렵게 성공했네요^^ 많이 헤메었답니다. 이미지경로와 링크주소 거는 것 까지 다 따라했는데....
이미지가 업로드가 안되고 링크되는 것도 2개는 되고 3개는 안되고...원인분석을 해보니까....
이미지경로와 링크주소 걸때 쌍따옴표 " " 이게 하나만 되어 있는 경우도 있고 " ""처럼 뒤에 쌍따옴표가 2개 겹친 것도 있고
그래도 포기하지 않고 자세히 보면서 발견하여 이를 수정하니까....결국 성공했답니다.
지금까지 유튜브에서 여러 강의를 보면서 따라했는데 대부분 중도에서 포기하고
몇개월후 다시 지웰스님을 만나서 성공했습니다. 정말 감사드립니다.
알고나면 별것도 아닌데 원인을 모를땐 답답하죠.
성공하셨다니 축하드립니다^^
도움이 되었다니 저도 기쁘네요.
감사합니다~
딱 필요한걸 깔끔하게 설명해주시는 좋은 영상입니다! 다른 곳에서 밀땅만 하고 안보여주는 것과 달리 ㅎㅎ 정말 이해도 잘되게 해주셔서 너무 감사합니다! 구독하겠습니다!
감사합니다^^
귀한 영상과 자료 너무 감사드립니다. 영상대로 코드를 했는데 이미지오류가 계속 떠서 안되서 넘 고생하다가 댓글들을 찾아보니 다른 코드가 있다는걸 알고 그걸로 했더니 되었습니다. 오늘밤 잠 못 이룰뻔 했는데..감사합니다.다른 분들도 혹시 안되시면 이 코드로 ...
안되다가 되었을때 성취감은 더 크죠.
성공하셨다니 축하드립니다^^ 감사합니다.
와 저도 틀린거 하나도없이 계속 해보고, 크롬, 익스플로러 다 해봐도 안되서 절망하고 있는데,,, 올려주신 코드로 하니까 바로 되네요ㅠㅠㅠㄹㅇ 너무 감사합니다
구독 좋아요 안누를 수 없는 최고의 영상입니다. 돈 받고 파는 동영상 강의 보다 훨씬 좋은 거 같습니다. 다른 영상들도 모두 기대가 됩니다.
과찬의 말씀이지만 그래도 기분이좋네요.
감사합니다.
홈페이지형 블로그 만들기 다른 영상을 보다 지웰스 님의 영상을 보니 너무 간결하고 이해가 잘 되어 너무 감사했습니다. 앞으로 많은 분들에게 도움이 되리라 믿습니다.
제 영상보고 이해가 잘 되었다고 하니 기분이 좋네요. 좋은 말씀 넘 감사합니다^^
너무 감사합니다
저는 베트남 사람이라서 블로그에 대한 것을 잘 몰랐습니다. 사장님의 동영상을 봤을 때까지 잘 이해합니다. ^^
감사합니다^^
정말 꼭 필요한 유익한 정보 자세한 설명 감사합니다^^ 영상이 정말 좋아요^^ 저도 멋진 홈페이지형 블로그 도전해 볼께요 다시 한 번 감사합니다^^
블로그 도전하는데 도움이 되었으면 좋겠네요. 좋은 말씀 넘 감사합니다^^
감히 유트브 통틀어 최고로 쉬운 강의라고 할수 있어요. 고마워요. 축복 받으세요
처음에는 기계가 말하는줄 알았는데 귀에 아주 쏙쏙들어옵니다!! 여러 수식어가 붙는것보다 이렇게 보여주는게 훨씬 이해가 편하네요~~감사합니다!!^^
이해가 잘 되신다니 저도 기분이 좋네요^^
감사합니다.
ㅋㅋㅋ
정말 감사드립니다. 전에 만들었는데 그때는 체계없이 시도했다가 기억이 하나 안났어요. 님 덕분에 아주 쉽고 편하게 완성했습니다. 감사드립니다.
도움이 되었다니 다행입니다. 댓글 감사합니다^^
다른 곳에서 설명하는거 봤을 땐 정말 막막했는데, 이 영상 참고하니 금방 만들었네요! 넘넘 감사해용
와 간단 명료 감사합니다 홈페이지형 블로그 포기할려고 했는데 이 강의 듣고 시작합니다
감사합니다. 제 영상이 도움이 되어서 꼭 완성하길 바랍니다^^
너무 감사합니다. 영상 중 가장 이해가 잘 되는 영상입니다.
표현력이 부족한데도 이해가 잘 되었다니 제가 감사하네요^^
우와!!!^^ 정말 감사드립니다!!! 오느 강좌보다도 쉽게 설명해 주셔서 이해가 쏙쏙!!!
오늘은 홈페이지형으로 한번 도전해 봐야겠습니다!!!^^
홈페이지형 블로그 성공하길 바랄께요^^
감사합니다.
어제 밤새 검색해서 알아보고 따라하다가 스팀받아서 미쳐버릴뻔했는데...다행히 이영상을 찾았네요...완벽하게 이해하고 갑니다...감사합니다
제 영상보고 이해 했다니 기쁘네요^^ 감사합니다~
지금까지 들은 강좌중 최고!!!!
정말 최곱니다.!!!
과찬의 말씀 넘 감사합니다^^
정말쉽게 설명해주셔서 큰도움 됐습니다. 감사합니다.^^
유튜브를 많이 보고 따라해 봤읍니다. 중간에 막히면 맨붕이오고 했는데 이제야 제가 원하는 것에 도달할수 있어서 감사합니다.
네이버블로그를 운영하고 있는데, 홈페이지형을 만들고 싶어서 검색했는데, 너무 쉽게 정확하게 잘 만들어주셨네요. 감사합니다. 구독!
좋은말씀 감사합니다^^
1:08 홈페이지형 블로그 제작 기본 전제조건
2:40 작업순서
3:52 이미지 다운로드 (픽사베이)
4:30 이미지 편집 (알씨)
6:37 위젯 메뉴 만들기
9:20 스킨설정 등
11:40 레이아웃 설정 (홈페이지형 블로그는 레이아웃을 1단으로 설정, 메뉴 형태는 타이틀 위로 올리고 글 영역을 넓게 설정)
12:47 위젯 메뉴에 사용할 이미지 업로드 및 html 태그 정리
19:40 위젯 메뉴등록
잘 정리해 주셨네요. 감사합니다🙏
자세히 설명하셔서 너무 쉽게 배웠습니다.감사합니다. ^^ 최고 예요~~!!! 이런분이 구독자수가 적은게 아쉽네요.저는 바로 구독 눌렀습니다.
좋은 말씀과 구독 넘 감사합니다^^~
정말 설명 잘 해주시네요, ㅡ 영상이랑 아주 적절하게 잘해주셨습니다 감사합니다
좋게 봐주셔서 감사합니다^^
코드부분이 정말 막막했는데, 수기로 해결할 수 있었습니다!!! 유익한 영상 너무 감사합니다!!!
해결하셨다니 다행이네요. 감사합니다.
감사해요....정말로....여러군데 찾아보다 다 실패했는데, 설명도 쉽고 여기서 보고 성공했어요ㅠㅠ 감동...감사합니다.
잘 배우겠습니다. 블러그 배경이랑 메뉴 퀄리티 바꿀려고 찾다가 알게되였네요~^^
블로그 꾸미는데 도움이 되었으면 합니다. 감사합니다^^
@@gwebs 지금 열씸히 따라공부 하고 있습니다~^^ 감사합니다 ^^
블로그 만들면서 궁금한게 많았는데 , 쉽게 잘 설명해주셔서 잘만들수 있을듯합니다. 구독하고 좋아요^^
너무 감사히 잘 참고해서 만들었습니다 감사합니다람쥐!
간단하고 쉽게 만드는 방법을 알려주셨네요. 감사합니다. ^^
감사합니다^^
설명을 너무나 차분하게 잘 해주셔서 감사합니다.
좋게 봐줘서 넘 감사합니다^^
@@gwebs 그런데요. 왜 스킨배경이 적용을하고보면 원래배경사진보다 크게보이는 건가요?
스킨배경이미지 크기를 가로 1920px로 해서 만들었는지요.
그렇게 했다면 윈도우의 디스플레이 설정에서 해상도를 1920*1080으로 설정을 해야 거의 같은 크기로 보여져요.
해상도 설정에 이상이 없다면 인터넷 브라우저에서 확대/축소 비율이 100% 인지도 확인해 보세요.
안녕하세요.
아~ 네 네 네 역시 원도우설정이었군요.
감사합니다.
오~ 지금까지 본 설명 중에 가장 쉽고 유익했어요!
좋은 말씀 넘 감사합니다^^
칭찬 일색이네요. 저도 잘 보고 배워갑니다. 감사합니다.
감사합니다^^
포기할때쯤 슨생님 동영상을 만났는데 정말 설명을 잘해주셔서 감동했습니다ㅋㅋㅋ 구독 누릅니다!!!
도움이 되었다니 기쁘네요ㅋ 감사합니다.
감사합니다:)
이것만 보고 바로 따라만들었어요. 너무너무 감사합니다. 구독과 좋아요누르고 갑니다^^
제 영상이 도움이 되었다니 기쁘네요^^
감사합니다.
다시 도전해보겠습니다ㅠㅠ 쉬운설명 넘 감사해요
제가찾던 정보네요^^
초보도 따라할수있어서 좋았어요
도움이되는영상 감사합니다
제일 쉽게 설명하신것 같아요
감사합니다 ~^^
감사합니다~
이해하기쉽게 설명하여 주셔서 고맙습니다.
감사합니다^^
쉽게 설명해주셔서 말씀하신대로 따라하니 잘 되네요😊감사합니다!!
제 영상보고 잘 따라 하셨다니 기쁘고😄 대단해요👍👍
너무 친절히 알려주셔서 쉽게 따라 했습니다~ 감사합니다!!
안녕하세요 강의보면서 홈페이지형블로그 만들고 있습니다 쉽게 설명해주셔서 감사합니다 ~ 이제 거의 완성단계인데...문제는 self 로 했는데 새창으로 뜨는데 왜그런걸까요 ?ㅠㅠ
안녕하세요. 원래는 self로 하면 현재창이 떠야하는데 네이버에서 현재창으로 뜨는것을 막아놓은것 같습니다.
그래서 위젯코드를 이미지맵 기능을 사용해서 작성해야 합니다. 아래 소스에 이미지주소, 링크주소를 넣어서 해보세요~
@@gwebs 빠른답변 감사드립니다~~ 한번 해보겠습니다^^
궁금한 사항이 바로 해결 되었네요
감사합니다......
궁금한 사항이 해결되었다니 다행이네요^^~
지웹스님의 강의 최고 입니다. 설명 잘 해주셔서 감사합니다. 구독 했어요 ~
도움이 되었다니 기분이 좋네요ㅎㅎ 감사합니다^^
도움 많이 되었습니다 진심으로 감사드립니다^^
완전초보에 나이도 많은데 요거보고 성공했어요~감사해요~~
큰 도움이 되었습니다^^
차근차근 따라하니 성공해서 너무 기쁨니다 ^^
너무너무 유용한 강의입니다. 많은 도움이 되었습니다.^^
도움이 되었다니 기쁘네요ㅎㅎ
조회 많은곳에 갔더니 , 기본배경 자료준다고 카페가입 유도 하고 가입했더니 활동을 어느정도 해야하고 ... 하루동안 이리저리 찾아다니다 결국 지웹스님한테 사이트블로그 완성했네요...
지식나눔은 이런게 아닐까 합니다. 복받으세요 ^^
쉽게 설명해주셔서 감사합니다 ㅎㅎ
강좌보고 너무 쉽게 따라 배우며 만들었습니다. 감사합니다^^
제 영상이 도움이 되었다니 저도 기분이 좋네요^^
설명 쉽게해주셔서 너무감사해요
지웹스님 정말감사합니다
설명을 잘 해주셔서 잘따라할수있었습니다
제 영상 보고 잘 따라 하셨다니 감사합니다^^
쉽고 자세한 설명 감사합니다! 이해가 쏙쏙!
이해가 잘 된다니 다행이네요. 감사합니다^^
강의 최고네요 ㅎㅎ 쉽고 친절
감사합니다^^
너무 이해하기 쉬워서 큰도움받았습니다 감사합니다!
정말 많은 도움이되네요!! 고맙습니다 :)
도움이 되었다니 저도 기쁘네요^^ 감사합니다~
이해하기 쉽게 풀어서 해주셔서 너무 감사합니다~
감사합니다^^
친절한 설명 정말 감사합니다..^^
감사합니다^^
쉽게 보고 따라할수있어서 좋아요~감사합니다~^^
잘 따라 했다니 다행이네요. 감사합니다^^
굿입니다...전혀 상업성이 없이 순수하게 잘알려 주시네요..감사합니다/근데요 알씨에서 메뉴 자르기할때 원형이나 타원형으로 만들기도 가능한가요?/소스는 어디서 받을수 있을까요?
알씨꾸미기에서 액자 기능을 사용하면 원형 모양으로 만들수는 있지만 배경에 흰색이 들어갑니다.
배경을 투명하게 할려면 포토샵 등의 다른 프로그램을 사용해야 합니다.
감사합니다!! 덕분에 해낼수 있었어요~
도움이 되었다니 저도 기쁘네요^^~
잘 봤습니다.
감사합니다.
감사합니다^^
좋은 정보 잘 보았습니다. 많은 도움이 되었네요. 감사합니다 ~ ^^
질문이 하나 있는데요.
어떤분의 블로그를 보면 블로그 창의 상단 탭 부분에도 블로그를 표현하는 이미지나 글 같은것으로 꾸미셨던데, 그게 없으면 보통 블로그 표준 이모티콘과 글만 있구요 ...
이 부분은 어떻게 꾸밀 수 있는건가요?
오오 만들기 성공했어요! 정말 감사합니다~
성공 축하드려요^^
와 설명대박입니다~♡♡♡♡
쉬운 설명 감사합니다.
감사합니다^^ 도움이 되었으면 합니다~
흐읅 ㅠㅠ 감사합니다! 너무 잘배우고 갑니다!
제 영상으로 잘 배웠다니 봐주셔서 감사합니다^^
구독완료했어요~ 영상 보고 블로그 꾸몄는데 다들 잘했다고 칭찬이 쏟아지네요. ㅋㅋㅋ 덕분입니다! 질문이 하나있어서 글 남김니다...
따라하면서 탑부분 메뉴등등은 완성을 했는데, 중간 부분에 첫페이지에서 보여지는 게시판이 대표 카테고리에 있는 의 글들만 보이게끔 고정되어 있는데 다른 카테고리의 글들도 보이게 하고 싶어요...
다른 카테고리의 게시판을 추가할 수 있는 방법 좀 알려주세요~ 2개의 카테고리를 더 보여지게 하고 싶어요... 관리자 페이지에서 아무리 뒤지고 해도 방법이 안보이네요... 위젯을 추가해야 하나 싶은데....방법을 모르겠어요...ㅠㅠ
칭찬을 받았다니 저도 기분이 좋네요^^
질문이 프롤로그를 얘기하시는것 같은데
"관리"로 들어가면 "메뉴·글·동영상관리" -> "프롤로그" 메뉴가 있어요.
프롤로그에서 최대 2개의 카테고리를 지정할수 있고 줄수도 변경할수가 있어요~
그리고 프롤로그를 사용할려면 "상단메뉴 설정"에서 프롤로그 사용을 체크하고 대표메뉴도 선택하면 돼요.
너무너무 좋은 강의 감사합니다.
좋게 봐주셔서 감사합니다.
알짜배기 감사합니다
너무 쉽고 천천히 알려주셔서 큰 도움이 되었습니다 감사합니다!
도움이 되었다니 뿌듯하네요^^ 감사합니다~
지금까지 최고입니다. !!
과찬의 말씀이십니다.
넘 감사합니다^^
3번만 보면 제대로 이해할수 있을듯 해요ㅎㅎ
이해가 잘 안되더라도 반복해서 보다보면 이해가 좀더 쉬울것 같아요^^
유용한 정보를 주셔서 감사합니다
감사합니다. 도움이 되었으면 합니다^^~
돈주고 듣는 강의 이상이네요... 너무잘들었습니다.
많이 미흡한데 좋은 말씀 넘 감사합니다^^
정말 감사드립니다 !!!
감사합니다! 최고입니다.
감사합니다^^
좋은 정보 잘받아갑니다 감사합니다 ^^
도움이 되었으면 합니다^^~
강의 감사합니다 잘 배우고 갑니다^^*
감사합니다^^
영상 잘봤습니다 그렇다면 위젯 소스는 어떻게 생성을 해야하는 건가요...??아니면 따로 소스가 있는건가요...???
위젯소스는 간단해서 직접 입력해도 될것 같습니다.
아래소스가 위젯소스인데 여기서 링크주소, 이미지주소 부분을 바꿔주면 됩니다.
잘배웠습니다. 고맙습니다
쉬운 설명 감사드려요~^^
감사합니다^^
@@gwebs 영상보고 홈페이지형 블로그 완성했어요 제가 포토샵을 잘 못해서 알씨로 하니까 따라하기 쉬웠습니다. 감사합니다 ~ 다른 것도 많이 보고 배울게요🙏🤗
@@nanapark579 제 영상보고 블로그 완성했다니 저도 뿌듯하고 기쁘네요^^
차분한 설명에 잘 따라서 만들고 있습니다. 그런데요,, 전 왜 마지막 부분 위젯 직접 등록할때 직접등록한 위젯의 이미지 정보가 올바르지 않다고 뜨는걸까요? 여기서 막혔습니다. 이미지 설명해 주신대로 170*100 픽셜로 작업했습니다..ㅠㅠ뭘 잘못했을까요? 알려주세요~~~~~~~
이미지 경로가 틀려서 그런것 같아요. 위젯코드에 이미지 경로가 아래 예처럼 길게 들어가는데 틀린 부분이 있는지 다시 한번 확인해 보세요.
넵! 다시한번 해보겠습니다!!감사합니다
감사합니다. 잘 활용할 수 있을것 같아요
친절하게 설명해주셔서 잘 배웠습니다. 위젯 코드 좀 받을 수 있을까요? 바로 실전 작업을 해보려구요.^^
아래 위젯코드에서 링크주소와 이미지주소 부분을 넣어주면 될거예요.
이해 하기 쉽게 설명 해주셨네요....감사합니다..
다만, 목소리가 조금 작은듯 하네요^^
감사합니다^^~
도움이 많이 되었습니다.
감사합니다~
도움이 되었다니 동영상 만든 보람이 있네요
감사합니다^^
대박 유익한정보좀주세요 선구독 후추천 회사블로그 만들어봅니다 이거보고
회사 블로그 만드는데 도움이 되었으면 좋겠네요ㅎ
덕분에 잘 만들었습니다. 감사합니다!! 기회가 된다면 위젯에 서로 다른 크기의 아이콘을 적용하는 방법도 알고싶습니다^^
쉬운강좌 잘봤습니다.정말 쉽게 가르쳐주시네요.근데 똑같이 했는데도 저는 "직접 등록한 위젯의 이미지 정보가 올바르지 않습니다" 이런 메세지가 계속 뜨네요. 뭐가 틀렸는지도 모르겠네요.여하튼 잘봤습니다.
이미지 경로가 틀러서 뜨는 메세지 인데... 정확히 입력했는데도 안된다면 위젯코드를 한글에서 입력하면 혹시 어떤값이 들어갈수도 있으니깐 메모장에서 작성해서 한번 해보세요~
말씀하신 방법으로 위젯을 등록하려고 하니 계속 오류가 뜨네요
이렇게 넣는거 맞나요
네 맞아요.
링크주소와 이미지경로 부분에 내가 원하는 경로로 바꿔주면 되요.
이미지경로가 틀린 경우 등록이 안됨으로 이미지경로가 맞는지 확인해 보세요~
감사합니다혹시 동그란이미지는 어떻게 넣어야하나요?
원형을 만들기위해서 100,100으로 넣었는데 왼쪽으로 밀리네요,,,
우선 좋아요 구독하고 갑니다.!
100으로 해서 왼쪽으로 밀려서 보이는것 같아요. 가로폭은 기본 170으로 해야 해요.
정원을 만들려면 170*170으로 만들어 보세요.
구독합니다. 감사해요~~^&
감사합니다🙏
익스플로러 사용자는 이미지 오른쪽 마우스 클릭하면 "속성"이 나오지만 구글크롬에서는 "검사"가 나옵니다. 그러나 당황하지 말고..."검사"대신 바로 위에 "이미지주소복사"라는 게 있는데 그것이 익스플로러의 속성에 나와 있는 주소와 같답니다. 익스플로러는 속도가 너무느려서 구글크롬을 사용하는데...크롬사용자분들 참고하세요^^
크롬이 대세죠ㅎ 크롬 쓰시는 분들 참고하면 되겠네요. 자세한 설명 감사합니다^^~
감사드립니다. !!
너무 쉽게 설명해주셔서 잘따라할수있었어요^^정말정말 감사합니다~~근데 이렇게 만들어 pc에선 예쁘게 보이는데 모바일에선 적용이 안된걸로 보이는데요~이건 어쩔수없는 부분인가요??^^;;
잘 따라 하셨다니 제가 감사하네요.
네이버 블로그를 pc버전, 모바일버전 따로 구분해서 꾸밀수 있어서 pc버전을 수정해도 모바일에는 적용이 안되는건 어쩔 수가 없네요^^
@@gwebs 아~그렇군요^^정말 감사합니다~좋은하루보내세요^^
지웹스님, 너무 감사드립니다 덕분에 블로그가 너무 보기 좋습니다! 다만 위젯 소스에서 _self로 해도 새창이 떴고, 밑 댓글에 적어주신 소스를 등록하면 위젯 클릭이 되지 않습니다ㅜ
위젯소스 현재창으로 뜨게 하는 방법은 아래 링크를 참고해 보세요~
m.blog.naver.com/gwebs7/221486814702