반응형 정보127 온라인으로 동영상 합치기 동영상 여러 개를 합칠 경우가 생겨서 하는 김에 정보를 공유 하고자 포스팅 하게 되었습니다. 윈도우 기본 프로그램으로도 하는 방법이 있지만 더욱 간단한 방법이 있어서 소개 합니다. 목차 Clideo 사이트 소개 회원 가입이 필요없고 비교적 간단하게 작업할 수 있는 사이트라서 소개 합니다. Clideo - Merge Videos Online Merge Videos Online — Combine Video Clips — Free Video Joiner — Clideo If you have several videos and images that you want to stitch together, then our video joiner is perfect for you! It also allows setting.. 정보/잡지식 2021. 1. 31. 티스토리 이미지 확대, 그림자 강조 효과 적용 마우스를 이미지에 가져다 댈 경우 이미지를 강조해 보려고 합니다. 좀 더 생동감 있는 블로그를 원하신다면 적용해 보세요. 이번 내용은 크게 어렵지 않아서 간단히 설명하고 결과를 보겠습니다. 목차 CSS 작성 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그리고 CSS 탭으로 이동하여 작업을 해 보겠습니다. 다음 코드를 작성합니다. 어느 위치든 상관없습니다. img:hover { transform: scale(1.03); box-shadow: 0.2em 0.15em 0.3em #999; transition: all 0.1s linear; } 이미지에 마우스를 가져다 대면 크기를 약간 확대하고 그림자 효과를 적절히 주었습니다. 원하시는 만큼 조절하시면 됩니다. 부드럽게 .. 정보/블로그 운영팁 2021. 1. 16. 이미지 태그 alt 속성 글 수정 없이 입력하는 방법 (고급 버전) 얼마 전에 글의 제목을 이미지 태그의 alt 속성 값으로 활용을 했었는데요. 이번에는 좀 더 디테일하게 설정을 해 보도록 하겠습니다. alt 속성의 중요성 및 기타 내용은 앞서 작성한 포스팅을 참고 바랍니다. 이미지 태그 alt 속성 글 수정 없이 입력하는 방법 (초급 버전) 이미지 태그 alt 속성 글 수정 없이 입력하는 방법 (초급 버전) 이미지 태그의 alt 속성 값이 검색 사이트 키워드 역할을 한다는 말은 많이 들어 보셨을 겁니다. 하지만 뒤늦게 아셨거나 알고는 있지만 앞으로도 크게 신경쓰고 싶지 않은 분들이 계실텐데 그런 sangminem.tistory.com 목차 아이디어 설명 이전 글에서는 단순히 글 제목만을 이미지 태그 alt 속성 값으로 활용을 하는 방법을 다루었습니다. 그 정도로만 작업.. 정보/블로그 운영팁 2020. 12. 29. 이미지 태그 alt 속성 글 수정 없이 입력하는 방법 (초급 버전) 이미지 태그의 alt 속성 값이 검색 사이트 SEO에 영향을 미친다는 말은 많이 들어 보셨을 겁니다. 하지만 뒤늦게 아셨거나 알고는 있지만 앞으로도 크게 신경쓰고 싶지 않은 분들이 계실텐데 그런 분들에게 적합한 방법이 될 수 있을 것 같습니다. 저는 전자, 후자 둘 다 속합니다. 목차 이미지 alt 속성의 중요성 양질의 글을 작성하고 제목 키워드를 잘 잡는다면 당연히 검색 유입량은 늘어날 수 있습니다. 다만 최근에는 미디어가 텍스트 보다 더 우위에 있는 경우도 많기 때문에 이미지 정보도 간과해서는 안 될 부분이 되었죠. 그럼 제 글에 포함된 이미지가 검색 포털 SEO(검색 엔진 최적화) 향상에 도움이 되려면 어떻게 해야 될까요? 앞서도 말했듯이 검색 사이트에서는 이미지 태그마다 alt 속성에 값이 부여되.. 정보/블로그 운영팁 2020. 12. 27. 구글 핵심적인 웹 지표 CLS 측정 및 개선 방법 이 글을 보시는 분들 중에는 취미로 가볍게 또는 수익을 목적으로 시작하신 분이나 관심만 갖고 있고 아직 행동에 옮기지 않은 분들도 계실 텐데요. 저 또한 블로그를 해 보고 싶다는 생각을 꾸준히 해 왔지만 실천을 하지 않고 있다가 불과 몇 개월 전에 문득 코딩 강의를 올려 보고 싶은 생각이 들어서 시작을 하게 되었습니다. 계기는 어떻든 간에 단순히 일기를 쓰는 건 아니니 다른 사람이 내 글을 봤으면 하는 생각이 어느 정도 바탕에 깔려 있으실 겁니다. 그래서 한 가지 도움이 될 만한 글을 포스팅 하고자 컴퓨터 앞에 앉았습니다. 목차 사람들이 어떻게 내 글을 볼 수 있을까 저도 처음에는 정말 아무것도 몰랐어요. 그냥 내 스타일 대로 글만 잘 쓰면 내 글의 가치를 알아 봐 주는 사람들이 알아서 들어오고 점점 입.. 정보/블로그 운영팁 2020. 12. 26. 인스타그램 동영상 이미지 추출 및 다운로드 쉽게 하는 방법 이번에는 인스타그램 동영상을 쉽게 다운로드할 수 있도록 도와주는 사이트가 있어서 소개해 드립니다. 다른 복잡한 방법도 많이 있는 걸로 알고 있지만 이런 좋은 사이트가 있는데 굳이 그렇게 어렵게 접근할 필요는 없어 보입니다. 목차 사이트 소개 아래 사이트에서 인스타그램 동영상을 쉽게 다운로드 할 수 있는 기능을 제공하고 있습니다. 인스타그램 다운로더 - 인스타그램 사진 및 동영상 다운로드하기 인스 타 그램 다운로더 – 인스 타 그램 사진 및 동영상 다운로드하기 SaveFrom.net은 일부 컨텐츠를 표시하기 위해 자바스크립트를 사용합니다. 브라우저에서 자바스크립트를 활성화하고 이 페이지를 새로고침 하십시오. 인스 타 그램 다운로더 SaveFrom.net에서 제공하 ko.savefrom.net 다음과 같은 .. 정보/잡지식 2020. 12. 22. 온라인 무료 이미지 편집 픽슬러 사용 방법 이번에는 무료로 이미지 편집을 할 수 있는 온라인 무료 툴을 소개합니다. 프로그램을 설치할 필요 없이 원하는대로 이미지를 수정할 수 있습니다. 가벼우면서도 꽤 강력한 기능을 제공하고 있는데요. 전문적으로 이미지를 편집하는 사람이 아니라면 이 에디터로도 충분히 원하는 목적을 달성할 수 있어 보입니다. 목차 무료 이미지 편집 툴 사이트 소개 아래 링크를 통해 접속하실 수 있습니다. Pixlr E - 무료 이미지 편집 툴 사진 에디터 : Pixlr.com - 무료 이미지 편집 온라인 프로그램 브라우저에서 즉시 열 수 있는 고급 사진 에디터, Pixlr E를 지금 체험해보세요. 설치, 로그인 모두 불필요해요. 데스크탑, 태블릿, 스마트폰에서도 무료로 이용 가능합니다. pixlr.com 접속을 하면 다음과 같은 .. 정보/잡지식 2020. 12. 22. 티스토리 모바일에서 유용한 떠 있는 플로팅 목차 위치 이동 방법 이번에는 플로팅 목차를 드래그 앤 드롭으로 원하는 위치로 이동시키는 기능을 만들건데요. 화면이 좁은 모바일에서 공간을 좀 더 효율적으로 활용하고자 생각하게 되었습니다. 목차가 계속 진화하고 있습니다. 목차 하나로 이렇게 다양한 컨텐츠가 나올 줄은 저도 미처 몰랐습니다 ㅎㅎ 어느새 제 블로그에 블로그 꾸미기가 주요 컨텐츠로 자리 잡았네요. 그럼 시작해 보겠습니다! 목차 플로팅 목차 적용 앞서 플로팅 목차를 적용하지 않으신 분은 다음 포스팅을 참고 바랄게요. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소.. 정보/블로그 운영팁 2020. 12. 21. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (고급 버전) 초급 버전에서 좀 더 기능을 강화한 버전을 만들어 보았습니다. 어느 정도 코딩이 가능한 분이어야 수월하게 따라하실 수 있을 겁니다. 이 부분이 어렵게 느껴지시는 분은 다음 초급 버전을 참고 바랍니다. 사실 난이도는 큰 차이가 없습니다.. ^^; 주의) 초급 버전과 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 이 포스팅은 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생.. 정보/블로그 운영팁 2020. 12. 20. 구글 애드센스 청구서 주소 확인 PIN 번호 입력하기 저도 드디어 PIN 주소가 도착했습니다. 핀 번호 우편 도착 기념으로 등록 절차 및 유의 사항을 포스팅 하도록 하겠습니다. 목차 핀 번호 미확인 메시지 수익이 10달러가 넘으면 구글에서 핀 번호를 보내준다고 합니다. 그 전까지는 주소를 확인하지 않았다는 메시지가 우리를 거슬리게 합니다. 이와 같은 청구서 수신 주소 확인 카드도 확인할 수가 있습니다. 우편이 무려 2~4주가 소요된다고 나와 있네요. 저는 오늘 받았으니 4~5주 정도 걸린 것 같습니다. 유의사항 : 주소 입력 확인 지급 탭에 주소를 제대로 입력해 놓지 않았다면 핀 번호 발송이 늦어질 수 있습니다. 지급 > 설정 > 설정 관리 > 이름 및 주소 항목으로 이동하여 제대로 입력 됐는지 확인 바랍니다. 이와 같이 본인 거주지 주소가 잘 입력 되어 .. 정보/블로그 운영팁 2020. 12. 19. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생각보다 깔끔하게 잘 만들어진 것 같아서 공유합니다. 주의) 고급 버전을 먼저 반영하고 초급 버전을 나중에 적용하시는 분은 없으리라 예상되지만 만에 하나 그럴 경우 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 목차 목차 자동 생성 먼저 목차가 생성되어 있어야겠죠 ㅎㅎ 이전에 포스팅 한 내용이 있으므로 링크로 대체 하겠습니다. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업.. 정보/블로그 운영팁 2020. 12. 17. 디자인 기본 개념 없이 올바른 색상 조합 선택하는 방법 저 같은 개발자에게는 디자인이 정말 쥐약입니다. 아무리 예쁘게 꾸미려고 해도 한계가 있는 것 같아요. UI/UX가 점점 중요해지는 시대이므로 간단하게라도 알고가면 좋을 것 같아서 포스팅 합니다. 색상 선택하는데 도움이 되시길 바랍니다. 목차 사이트 소개 처음에는 색상 RGB(또는 16진수)값을 확인하려고 방문한 사이트입니다. Color Wheel -Color Calculator Color Wheel - Color Calculator | Sessions College Use the color wheel to find the perfect color scheme with the Sessions College color calculator. Endless free color combinations, worki.. 정보/잡지식 2020. 12. 16. 이전 1 ··· 4 5 6 7 8 9 10 11 다음 💲 추천 글 반응형