'블로그&인터넷'에 해당되는 글 115건
실시간 방문자 정보와 블로그 통계를 확인할 수 있는 위젯 whos.amung.us
whos.amung.us에서는 실시간 접속자 현황을 확인할 수 있는 카운터를 제공하고 있는데요. 실시간 방문자 이외에도 설치해둔 코드를 이용하여 전체적인 통계 자료를 확인할 수 있습니다. 티스토리의 경우 관리 현황이 많이 계선 되었지만 아직 부족한 부분을 위젯을 이용하여 현재 접속 현황, 현 시간 접속 페이지, 시간별 방문자 데이터, 국가별 위치, 디바이스, 경로 등의 다양한 정보를 추가적으로 확인하는 것이 가능합니다. 실시간 방문자 현황 위젯은 https://whos.amung.us/ 사이트에 방문하여 'HTML CODE'를 선택하거나 스크롤을 조금 내려서 소소 코드를 받을 수 있습니다. 위젯 코드는 'Copy to clipboard' 버튼을 클릭하여 복사가 가능하고 크기와 배경, 글자색을 변경할 수 ..
블로그&인터넷/기타
2019.01.24 04:17
구글 블로그 애드센스 연결하기 ( 사이트 추가 심사 )
얼마 전 개설만하고 오랫 동한 묵혀두었던 구글 블로그를 운영하게 되었는데, 굳이 블로그 스폿을 하는 이유는 티스토리처럼 애드센스 광고 삽입를 할 수 있고 구글 노출의 다소 유리한 점이라 할 수 있겠는데요. 예전에는 계정 승인이 나면 별도의 승인이 없이 추가 사이트나 유튜브 등에 광고를 개제할 수 있었지만 현제 규정이 변경되어 이미 승인을 받았더라도 블로그 추가 때마다 심사를 받아야고 애드고시라는 말이 나올 정도로 까다로운 최초 심사의 70% 정도 수준으로 심사를 한다고합니다.블로그 스팟은 사이트 연결로 주소를 추가하지 않고 타사 엑세스를 통하여 신청을 합니다. 타사 엑세스를을 위해 수익 메뉴를 확인해보면 이미 연결이 되어 승인이 필요 없는듯합니다. 대략 5년 전에 만들었는데 추가 심사 없을 당시에 등록을..
블로그&인터넷/블로그
2019.01.19 13:51
CSS 글자 꾸미기 - 그림자, 테두리 효과 적용하기
text-shadow 속성을 이용하여 글에 그림자 효과를 부여할 수 있는데, 기본적인 그림자와 이를 응용한 테두리 효과를 표현할 수 있습니다. text-shadow: offset-x offset-y blur-radius color 속성 적용 방법은 가로, 세로, 번짐, 색상으로 가로, 세로 설정을 필수적으로 값을 입력해야 하고 번짐 효과는 0으로 설정되며 색상은 상속을 받게 됩니다. text-shadow:1px 1px 5px #bdbdbd 그림자 효과 속성 값으로 적용한 결과 물인데 그림자 효과를 가장 이상적으로 적용한 결과가 아닌가 합니다. text-shadow:1px 1px 0px #f40text-shadow:1px 1px 3px #f40 text-shadow:1px 1px 10px #f40 text..
블로그&인터넷/CSS
2019.01.13 07:20
구글 블로그 본문 애드센스 상하단 광고 넣기
블로그스팟은 자유도가 굉장히 높아 가젯을 이용한 애드센스 외에도 스킨을 수정하여 광고를 추가적으로 자유롭게 삽입이 가능합니다.본문 중간 광고의 경우 티스토리와 같은 방식으로 글쓰기에서 HTML 모드로 전환하여 애드센스 코드를 추가하여주면 중간광고 삽입이 가능합니다.스킨에 적용하여 노출을 원할 경우 메인에서 테마를 선택하고 'HTML 편집'을 선택하여 소스코드 수정 모드로 전환합니다.편집 모드에서 하단부에 있는
구글 블로그 프로필 이름 변경 하기
블로그스팟에 사용되는 프로필 이름을 변경하는 방법입니다. blogger는 구글 계정만 있다면 누구나 개설 가능 한데요 구글 계정 또한 누구나 만들 수 있으니 개설 제한이 없는 블로그입니다. 한글화 작업이 잘되어 있음에도 네이버나 티스토리와는 또 다른 인터페이스 적용하는데 여간 어려운 게 한둘이 아니네요.blogger.com 메인 메뉴 중에서 설정을 선택합니다. 기본 설정에서 blogspot 주소, 이름, 설명 등을 변경 추가를 할 수 있으며 멤버를 초대하여 팀 블로그를 꾸려 여러 사람이 한 블로그를 운용하는 게 가능합니다.설정 메뉴 중 제일 아래에 있는 '사용자 설정'을 선택하면 '사용자 프로필'란이 있고 'blogger'아래 작은 '수정' 버튼을 선택하면 프로필 변경이 가능합니다.표시 이름 변경해주면 ..
블로그&인터넷/블로그
2019.01.05 02:19
소스코드 강조도구 SyntaxHighlighter 적용 및 설정 하는 법
티스토리 블로그를 운영하면서 HTML, CSS 등 스킨에 개성을 주기 위해 편집을 하는 일이 많아지는데, 스킨을 편집하면서 생긴 노하우 등을 공유하고 싶을 때 소스코드를
나 등으로 단순히 작성하다 보면 보는 이의 입장에서는 복잡하여 이해도가 떨어질 수도 있고 개별적으로 색상을 지정해줄 수도 있지만 여간 힘든 게 아닌데 이를 SyntaxHighlighter 도구를 이용하면 간편하게 해결이 가능합니다. 설치하기
블로그&인터넷/티스토리
2018.08.06 16:39
애드센스 일치하는 콘텐츠 광고 레이아웃 설정하기
티스토리 블로그를 운영하면서 조건만 된다면 애드센스는 필수가 아닌가 하는데요. 광고 단위중 일치하는 광고의 디자인을 사용 환경에 맞추어 자유롭게 수정이 가능하더군요.일치하는 단위를 게시하기 위해서는 별도의 요구 조건이 충족해야만 하지만 보조 블로그를 볼 때 일방문수 100명 정도를 넘기면 승인이 되는 것 같습니다. 일치하는 광고 단위는 초기 설정시에 크기를 지정할 수 있지만 방응형으로 자동 적용되는 방식을 많이 적용하는듯한데요. 넓은 폭에서는 8개가 나와도 큰 부담이 없는 반면 모바일 환경에서처럼 폭이 좁아지면 세로로 길게 나오기 때문에 방문자에게 많을 부담을 줄 수도 있는데 코드를 추가하여 광고 형태나 갯수를 임의수정할 수 있습니다. 수정과 관련된 내용은 광고 단위 설정에서 링크를 따라가면 상세 설정 ..
블로그&인터넷/기타
2018.08.05 01:21
쉽고 빠르게 GIF 용량 줄이는 방법
동영상의 일부분을 캡처하여 움직이는 이미지 GIF 파일로 만들어 웹상에 적용할 때 올리는 입장에서는 제한 없이 등록이 가능하더라도 보는 이의 경우 읽어 오는 시간도 문제이지만 데이터량에 제한이 있는 사용자에게는 많은 부담이 될 수도 있습니다. 용량을 줄이는 다양한 방법이 있는데요. 최우선으로 재생 길이가 될 수 있는데 꼭 필요한 부분만을 GIF 파일로 만들어야 하겠습니다. 해상도를 줄이는 방법으로 1920의 원본 해상도를 가진 이미지를 300 정도로 조절하여 용량을 줄이는데 연예인 움짤 등을 보면 대체로 사이즈가 작은 이유 중에 하나겠습니다. 프레임 수를 줄이는 방법으로 두장 건너 한장을 지우는 방식등으로 움직임에 끊김을 없을 정도로 프레임을 적절히 삭제해주는 방법이 있습니다. 위 2가지가 대표적인 방법..
블로그&인터넷/기타
2018.08.03 16:46
티스토리 블로그 애드센스 플러그인 사용할 때 주의할 점
티스토리는 애드센스 광고 코드를 삽입하기 편하게 플러그인을 제공하고 있습니다. 이는 스킨에 직접 적용하지 않기 때문에 스킨을 잘못 건드리는 일이 없을뿐더러 스킨을 변경하여도 자동적으로 적용이 되는 등의 적용법을 잘 모르더라도 어려움 없이 사용할 수 있는 편리함을 주는데요.반응형 코드를 적용할 때 지동으로 적용하지 않고 사이즈별로 크기를 지정하는 스타일 코드를 같이 삽입 하였을 때 코드가 RSS 피드에 그대로 노출이 되는 문제 발생합니다.RSS 받아보면 내용보다는 상단 플러그인에 적용된 미디어 쿼리가 노출되어 본문은 전혀 보여주지 못하고 오른쪽 앱의 경우에는 일부 애드센스 코드까지 포함되어 보이고 있네요.왼쪽 이미지를 보면 반응형 코드를 모두 제거하고 광고 코드만을 적용하였는데도 일부 코드가 노출되고 있는..
블로그&인터넷/티스토리
2018.07.31 22:08
유튜브 동영상 최종화면 설정하기
유튜브에서 채널을 만들고 영상을 업로드하여 운영 중이라면 매우 유용할 수 있는 기능으로 비디오 끝부분에 자신의 링크를 추가여 또 다른 영상을 시청하도록 유도할 수 있습니다. "종료화면에 추가 요소 삽입하기" 크리에이터 스튜디오 대시보드 또는 관리자에서 제목을 클릭하고 수정 모드를 들어갑니다. 제목을 클릭해야 수정 모드이고 섬네일을 선택하면 시청을 하게 되고 다시 수정 버튼을 눌러야 하므로 조금 번거롭습니다. 상단의 메뉴 중 '최종 화면 및 특수효과' 탭을 선택하면 설정을 할 수가 있습니다. 20초 정도를 남기고 현재 최대 4개의 요소를 추가 가능합니다. 구독 버튼을 만들면 자신의 프로필 이미지를 이용한 워터마크를 생성하고 마우스를 올리게 되면 구본 버튼이 추가적으로 확장됩니다. 이 기능은 워터마크와 겹치..
블로그&인터넷/유튜브
2018.07.26 04:14
크롬 마지막 탭 자동 복구 해제하기
크롬 브라우저로 웹서핑 중 예기치 않은 급작스러운 전원 차단 등으로 종료되었을 때 마지막으로 사용 중이던 세션들을 복구하는 기능이 있는데 언제부터인가 정상적인 종료를 하였음에도 마지막 페이지들이 자동으로 복구가 되는데 이 경우 설정에서 복구가 되지 않도록 변경을 해 주어야만 합니다.기본적으로 두 가지 원인이 있는데 모두 설정에서 해결할 수 있습니다. "시작할때 마지막 세션 자동 복구 해지 하는 방법"우측 상단에 옵션 버튼을 이용하여 설정 탭으로 이동하거나 주소창에 chrome://settings/ 입력하고 환경 설정으로 들어갑니다.스크롤을 쭉 내리면 더 이상 이동이 되지 않는데 첫 번째 경우로 시작 그룹 항목의 '중단한 위치에서 계속하기'에 선택이 되어있을 경우인데 본인이 선택하지 않으면 변경될 이유가 ..
블로그&인터넷/기타
2018.07.25 12:56
유튜브 영상 워터마크(구독버튼) 넣기
유튜브 동영상에 업로드하기 전에 편집으로 만들어진 영상효과 외에 워터마크를 추가하여 넣을 수 있는데요. 이 효과는 영상의 오른쪽 하단으로 위치와 크기가 고정되어 있지만 워터마크를 삽입하는 효과와 함께 구독 버튼 기능하는 유용한 기능입니다. 영상에 워터마크를 넣는 방법은 의외로 간단합니다. 이미지를 미리 준비한 뒤 유튜브에 접속하여 크리에이터 스튜디오>채널>브랜딩에서 워터마크를 추가할 수 있습니다. 추가 버튼을 누른 뒤 진행 과정을 거치면 됩니다. 용량 1Mb 미만으로 정사각형의 배경이 없는 이미지를 추천합니다. 미리 보기를 확인이 가능하며 표시될 방식을 선택할 수 있는데요. 영상 전체 또는 지정 시간, 동영상 끝으로 설정이 가능합니다. 이미지를 변경하려면 삭제 버튼으로 기존 등록한 이미지를 제거하고 새로..
블로그&인터넷/유튜브
2018.07.23 22:43
유튜브 채널 이름 변경이 안될 때
유튜브의 브랜드 채널 이름을 변경하는데에는 구글 계정과 직접 연결이 되어 구글과 유튜브 이름을 달리하고자 할때 말고는 큰제약없이 필요에 의해서 쉽게 변경이 가능합니다. 현재 특정 채널에서만 변경 불가능한 상황으로 제한은 90일 3회로 되어 있는데 장기간 방치하다시피하는 계정이라 이름 바꾸기를 많이해서 제약에 걸릴 일이 없는데 무슨 문제인지 알 수가 없네요.사이트에서 오른쪽 상단에 계정 아이콘을 선택하고 설정을 선택하면 나오는 메뉴인데 'Google 프로필에서 수정'을 클릭하면 프로필 사이트로 이동하여 이름, 사진 등을 변경 가능합니다.원래 프로필 페이지로 넘어오면서 수정 창이 자동으로 뜨는데 무슨 이유 인지 수정에 창이 뜨지도 않고 오른쪽에 빨간 박스 친 부분에 연필 모양의 수정 아이콘이 있어야 하는데 ..
블로그&인터넷/유튜브
2018.07.22 00:27
티스토리 블로그 이름 변경
티스토리에서 블로그를 개설해서 하다 말다 운영을 반복하면서 6년 정도 지난듯합니다. 처음에 이름도 대충 만들었고 분위기도 바꿀 겸 블로그 이름을 변경하려니 여러 검색, 포털 사이트에 노출에 영향이 있지 않을까 하여 검색을 해봤는데 관련 내용을 찾기 힘들더군요. 어렵게 검색한 몇 안 되는 내용에는 웬만하면 손대지 마라가 대부분이 더라고요.스킨만 바뀌어도 노출에 영향을 줄 수 있다는 말을 많이 들어 블로그 이름도 스킨에서 정보를 주는듯한데 그나마 오던 방문자 유입도 안될까 겁이 나서 살짝 망설였는데 뭐 일 방문자가 많은 것도 아니고 변경해보기로 했습니다.티스토리는 PC든 모바일 앱이든 간단하게 이미지, 이름, 정보 변경이 가능하도록 되어 있습니다. 블로그 제목을 변경을 한 후 내용이 적용이 되는 데는 하루 ..
블로그&인터넷/티스토리
2018.07.19 03:26
유튜브 구독 버튼 만들기
유튜브 채널을 운영하면서 사이트에서는 구독 버튼 쉽게 찾을 수가 있지만 블로그 등에서 바로 시청이 가능한 영상일 경우 구독을 유도하기가 힘들고 자신의 블로그가 유튜브와 연계하여 운영 중이라면 SNS 버튼과 함께 구성하여 많은 구독자를 유치할 수 있는데요. 유튜브 채널을 이용해서 조금이라도 수익을 원한다면 1,000명 이상의 구독자 수가 필수적으로 필요하기 때문에 신생 채널이나 구독수가 적은 채널이라면 구독자 유치가 매우 중요합니다. 유튜브 사이트에서 하단이나 좌측 등지에 있는 추가 지원 사이트 목록을 찾아 그중 '개발자' 항목을 찾아서 사이트로 이동합니다. 개발자 사이트로 이동하면 메뉴중에서 'API 리소스'를 선택하여 줍니다. 여러 기능들 중에서 '구독 버튼'을 선택하면 구독 버튼 생성이 가능한 페이지..
블로그&인터넷/유튜브
2018.07.07 22:13
유뷰브 '업로드 기본설정' 기능 이용하기
유튜브에 동영상을 올리면서 특정적으로 많이 들어가는 블로그 주소나 SNS, 이메일 같은 본문 공통 문구를 매번 작성을 하기는 번거로운데 '업로드 기본 설정'을 통해서 이런 번거로움을 줄일 수 있는데요. 특정 주제를 가진 채널의 경우 카테고리, 태그 등을 기본 설정을 해두면 유용하게 사용할 수 있습니다.이 기능은 'YouTube 스튜디오'에서 설정이 가능하기에 우측 상단의 자신의 아이콘을 선택하여 스튜디오로 이동을 합니다.새로운 버전인 스튜디오 베타에서는 기능을 설정할 수 없기 때문에 제일 아래 말 줄임이 되어있는 '크리에이터 스튜디오 클래식'을 선택하여 구 버전으로 이동합니다.왼쪽 목록 중에서 '채널' → '업로드 기본 설정'을 선택하면 많은 설정들을 기본적인 환경에 맞추어 지정해 둘 수 있게 됩니다. ..
블로그&인터넷/유튜브
2018.07.05 16:34
구글 애드센스 반응형 모바일 광고 여백 설정하기
과거의 비해 애드센스의 정책 허용범위도 대폭 늘어나고 많은 기능들이 추가되어 사이트에 광고 구현하기가 한결 편해졌는데요. 반응형 광고를 적용할 경우 변화하는 환경에 대응하여 웹문서의 폭에 맞추어 자동적으로 폭에 맞는 광고가 나오게 됩니다. 여기서 문제는 크기가 지정되지 않은 반응형 자동 광고의 경우 현재 모바일에서 스킨의 여백이 지정되어 있음에도 이를 무시하고 자체 적으로 폭을 100% 맞추어 게시를 하게 됩니다. 모바일 화면에서 옆트임?? 꽉 찬 광고 반응형 스킨으로 상단 본문 부분의 좌우 여백이 10% 정도씩이 있지만 아래 광고는 100% 꽉 찬 광고가 나오고 있습니다. 위 같은 이미지 광고의 경우는 별 거부감 없이 조화를 잘 이루어지는 편이라 어떤 면으로는 의도할 수도 있는 방식일 수 있습니다. 이..
블로그&인터넷/기타
2018.06.24 20:18
유튜브 기본 계정 이름 '브랜드 계정 채널 이전'하는 방법으로 변경
원래 본계정의 계정명만 변경하고 싶었지만 간단하게 변경을 하는 방법은 구글 자체를 이름을 변경해버리기 때문에 고민 많이 했는데 브랜드 계정을 사용하면 채널명만을 변경하는 것이 가능하다는 점을 이용하여 브랜드 채널을 새로 생성하여 채널을 이전하는 방법으로 유튜브 닉네임 명을 변경하였네요. "YouTube 사이트의 채널을 이전하기" 채널 이전을 위해서는 우측 상단의 아이콘을 이용하여 설정으로 들어갑니다. 기본 개요 항목에서 하단에 '고급 설정' 탭을 선택하면 각종 정보들이 나오고 여기서 '채널을 브랜드 계정으로 이동' 버튼을 이용하면 채널을 통째로 이동하는 것이 가능합니다. 미리 만들어둔 브랜드 계정이 없다면 이전으로 돌아가 새로 생성을 합니다. 대상 채널에 업로드된 동영상이 있다면 모두 삭제되기 때문에 신..
블로그&인터넷/유튜브
2018.06.09 23:58
크롬 확장프로그램을 이용하여 빠르게 네이버 검색하기 - Naver Quick Search
크롬 브라우저를 이용하여 웹서핑중 빠르게 검색이 필요할 때 확장 프로그램인 네이버 검색 앱을 이용하여 사이트에 접속하지 않고도 검색이 가능합니다.Naver Quick SearchChtome 웹 스토어에서 검색창에 '네이버 검색'으로 직접 찾거나 https://chrome.google.com/webstore/detail/%EB%84%A4%EC%9D%B4%EB%B2%84-%EA%B2%80%EC%83%89-naver-quick-search/gobamlfhmmmpbeiolmgeoebfciogcpoa 접속하여 상단에 보이는 '+ CHROME에 추가' 버튼을 누르면 다음 단계로 진행 합니다.앱을 추가할 것인지 한번 더 물어보고 접근 목록도 확인할 수 있습니다. '확장 프로그램 추가'를 선택하면 프로그램이 설치되게 ..
블로그&인터넷/기타
2018.03.31 00:07
음원, 동영상 파일 자르기 및 변환 간편하게 하기 - 123Apps
오디오, 비디오 파일을 변환이나 자르기를 할 때 별도의 프로그램 없이 온라인으로 웹상에서 편집할 수 있도록 도움을 주는 사이트입니다. 사용법은 아주 간단합니다. 사이트에 접속하여 변환 및 자르기를 할 파일을 업로드하고 수정 작업을 하고 다시 다운로드하기만 하면 간단하게 파일 자르기, 변환을 할 수 있습니다. https://123apps.com/ko 미디어 파일 자르기, 변환 작업을 무료로 할 수 있으며 한글을 지원하기 때문에 아주 간단한 영어만 이해하면 사용함에 있어서 큰 어려움은 없어 보입니다. 음원 파일 자르기 작업을 할 대상 파일을 'Open File' 버튼을 클릭하고 업로드하여 줍니다. 직접 파일 등록을 하지 않고 온라인상의 링크 주소나 드롭박스, 구글 드라이브에 있는 파일도 작업이 가능합니다. ..
블로그&인터넷/기타
2018.03.16 15:39
