구글 애드센스 콘텐츠 내 자동 삽입광고 만들기 구글 애드센스 콘텐츠 내 자동 삽입광고 만들기 얼마전에 구글 애드센스 광고 단위가 업데이트 되면서 기본 광고형식 이였던 '텍스트 및 디스플레이 광고'가 아닌 다른 형태의 광고가 더 생겼습니다. 광고 방식은 비슷하지만 광고 형태가 조금씩 달라서 콘텐츠에 더 잘 어울리게 원하는 형태의 광고를 선택해서 게제 할 수 있게 되었습니다. 이번 포스팅에서는 새로운 광고 단위 중 하나인 '콘텐츠 내 자동 삽입 광고'에 대해서 알아보고 새로 만들어서 콘텐츠에 게제하면 어떤 형식으로 광고가 보여지는지 알아보겠습니다~ [관련포스팅] 애드센스 일치하는 콘텐츠 광고 만들기 - 2017-12-08 새로운 광고 단위인 '콘텐츠 내 자동 삽입 광고'를 만드려면 애드센스에 로그인을 하셔서 기존 광고를 만들던 것 처럼 내 광고 - 광고.. 곰군의 IT/블로그Tip 7년 전
구글 애드센스 일치하는 콘텐츠 단위 광고 만들기 애드센스 일치하는 콘텐츠 단위 광고 만들기 몇 개월전에 구글 애드센스에서 새로운 광고 단위가 몇가지 나왔습니다. 사실 항상 사용하던 애드센스 광고만 사용하다보니 전혀 모르고 있었습니다..ㅎㅎ 어쨋든 새로나온걸 알게 되었으니까 새로운 단위 광고에대해 하나하나 알아가보도록 하겠습니다. 이 포스팅은 구글 애드센스를 사용하고 있다는 가정하에서 작성하였습니다. 먼저 애드센스에 로그인해서 평소 광고를 만들던 것 처럼 새 광고 단위를 통해 광고를 생성하는 화면으로 이동하겠습니다. 새로운 광고를 만드는 화면으로 이동하면 이전과는 다르게 몇가지가 더 생겼네요. 저는 일치하는 콘텐츠를 선택해서 만들어 보도록 하겠습니다. 일치하는 '새 콘텐츠 단위'를 통해서 광고를 생성하면 위와 같은 화면으로 이동합니다. 광고 사이즈를 원.. 곰군의 IT/블로그Tip 7년 전
블로그에 구글지도 넣는방법 /구글 지도 첨부 티스토리 블로그나 네이버 블로그에서 포스팅을 하다보면 포스팅 내용에 지도를 첨부해야 할 때가 종종 있습니다. 네이버 같은 경우는 네이버지도 티스토리 블로그는 다음 카카오 지도를 지원하는데 해외에 있는 지역을 표시하고 싶을때는 네이버지도나 카카오지도는 지원하지 않아서 곤란할 때가 있습니다. 이럴때 구글지도를 이용하면 해외에 있는 지역도 표시할 수 있는데 이번 포스팅에서는 구글 지도를 포스팅에 첨부하는 방법에 대해 알아보도록 하겠습니다~ 블로그 포스팅에 구글지도 삽입하기. 블로그에 구글지도를 삽입하려면 우선 구글지도로 들어가야겠죠~? 아래 링크를 클릭하거나 직접 구글맵 사이트로 이동해 주세요~ https://www.google.co.kr/maps/ 구글맵으로 이동하셨으면 원하는 장소를 검색하시고 위 스크린샷.. 곰군의 IT/블로그Tip 8년 전
구글 웹마스터도구 사이트 등록하고 rss등록하는 방법 구글 웹마스터 도구에 블로그 등록하기 안녕하세요~ 저번 포스팅에서는 네이버 웹마스터 도구에 블로그를 등록하고 rss를 제출하는 방법에 대해 알아봤었는데요. 이번에는 구글의 웹마스터 도구에 블로그를 등록하는 방법을 한번 알아보도록 하겠습니다. 네이버도 중요하지만 구글에 한번 노출이 되면 오랫동안 노출이 되는 장점이 있고, 전 세계 사람들이 사용한다는 장점 때문에 등록하는걸추천합니다. 등록하는 방법은 네이버 웹마스터도구와 비슷한데 한번 직접 등록하면서 알아보도록 하겠습니다. 2017/09/04 - 블로그tip - 네이버 웹마스터 도구 등록하는 방법 (RSS제출) 우선 구글 웹마스터도구 사이트로 이동을 하셔야 하는데 직접 검색하셔서 들어가셔도 되고 아래에 주소 링크를 남겨놓을테니 클릭하셔서 구글 웹마스터 도구.. 곰군의 IT/블로그Tip 8년 전
네이버 웹마스터도구 rss등록 하는 방법 네이버 웹마스터도구 rss등록 네이버 웹마스터도구가 얼마전에 베타버전에서 정식버전으로 업데이트가 되면서 다양한 기능들이 추가되면서 메뉴가 많아지고 베타버전일때 보다 많은 정보들을 확인 할 수 있게 되었습니다. 이번 포스팅에서는 티스토리 블로그를 네이버웹마스터에 등록하고 rss까지 등록하는 방법에 대해 알아보겠습니다. 티스토리 블로그가 아니고 다른 사이트나 블로그여도 방법은 비슷하니 참고하시면 될 것 같습니다. 우리나라에서 가장 이용자가 많은 포털사이트인 네이버에 티스토리 블로그를 노출시키려면 네이버의 웹마스터 도구를 이용해야 합니다. 모론 이용하지 않아도 블로그를 운영하다 보면 네이버가 알아서 노출시키긴 하지만 노출이 안되는 글이 있을수도 있고 사이트 진단을 받으려면 등록하는게 좋겠죠. 네이버 웹마스터 .. 곰군의 IT/블로그Tip 8년 전
티스토리 블로그 폰트 바꾸는 방법. 현재 제 블로그에 사용되고 있는 웹 폰트는 맑은 고딕(Malgun Gothic)체 입니다. 무난한 폰트이긴 하지만 블로그 분위기의 변화를 줘보려고 구글 나눔 고딕이나 Noto Sans KR 로 바꿔보려고 합니다. 왼쪽이 기본적으로 적용되어 있던 맑은고딕(Malgun Gothic)폰트고 오른쪽이 이번에 바꿔 보려고 하는 폰트인 구글 Noto Sans KR 폰트입니다. 한눈에 보기에도 빈공간이 적어서 꽉찬 느낌이 드는데 실제로 블로그에 적용해 보고 괜찮으면 계속 써볼 생각입니다. 우선 적용을 해보고 써봐야 알겠죠~ 그럼 적용하는 방법에 대해 알아보도록 하겠습니다. 우선 구글 웹 폰트 사이트로 가셔서 폰트 링크를 가져와야하는데 아래 주소를 클릭하셔서 구글 웹폰트 사이트를 열어주세요. https://fonts... 곰군의 IT/블로그Tip 8년 전
모바일 브라우저 테마 색 바꾸는 방법 /티스토리,워드프레스 티스토리 블로그나 워드프레스로 만든 블로그를 모바일에서 크롬이나 삼성 브라우저를 통해서 들어가면 아래 이미지 처럼 가끔 주소입력하는 창부분의 색이 바뀌는 경우가 있습니다. 이를 티스토리나 워드프레스에도 적용 할 수 있는데 방법을 한번 알아보도록 하겠습니다. 기본 테마로 쓸때보다 확실히 더 이쁘지않나요~? 블로그 스킨이랑 잘 어울리는 색으로 맞추면 더 보기 좋아보입니다. 테마 색을 바꾸기 위해서는 먼저 블로그 설정에 들어가서 HTML/CSS편집창으로 들어가셔야 합니다. 워드프레스 사용자 분들도 테마편집기를 이용해서 HTML편집기로 들어가 주시면 됩니다. HTML 편집 화면은 티스토리나 워드프레스나 비슷비슷하겠죠~ HTML편집 화면이 열렸다면 위에 보이는 것 처럼 사이에 빨간색 네모 표시한것 처럼 meta태.. 곰군의 IT/블로그Tip 8년 전
유튜브 반응형으로 올리기/ 플레이어 반응형 변환 요즘은 인터넷을 컴퓨터로만 하는게 아니라 다양한 크기를 가진 기기들로 인터넷을 사용하고 있습니다. 화면의 크기도 다양해서 블로그나 사이트를 만들때 이런 모든 기기들에서 보기 편하게 고려해야하는 상황이 되어버렸습니다. 컴퓨터에서 잘 보이게 하면 모바일에서는 너무 작아보이고.. 이런 불편함을 해소해준게 바로 반응형 웹인데 모든 기기에서 최적의 사이즈로 사이트 사이즈를 조절해 모든 기기에서 편하게 볼 수 있게 해줍니다. 블로그나 사이트에 유튜브 영상을 올릴때 그냥 소스코드만 복사해서 올리면 영상이 너무 커서 잘리거나 모바일에서는 잘려서 보일때가 간혹 있습니다. 이럴때는 유튜브 플레이어도 반응형으로 변환해서 올리면 해결이 되는데 이번 포스팅에서는 유튜브 플레이어를 반응형으로 변환하는 방법에 대해 알아보도록 하겠.. 곰군의 IT/블로그Tip 8년 전
블로그 문단제목 서식/티스토리 서식 이용 블로그 문단제목 서식/티스토리 서식 이용하기 티스토리 블로그를 이용할때 편리하게 사용할 수 있는 기능중 하나가 서식기능인데 모르는 분들이 조금 있는 것 같습니다. 서식 기능은 자주 이용하는 글의 패턴을 불러오는 기능인데 블로그 포스팅을 작성할 때 소제목 문단 서식같은 html을 불러올때 편리합니다. 저도 포스팅 작성할때 문단제목 서식을 많이 이용하는 편인데 쓸때마다 html을 직접 작성하거나 다른곳에서 불러오기 귀찮아서 서식기능을 많이 이용합니다. 어떻게 쓰는지 한번 알아보겠습니다. 서식을 불러오려면 우선 서식을 만들어야 하는데 서식을 만드는 방법은 티스토리 글작성을 할때 제목옆에 서식을 선택하는 부분이 있습니다. 빨간색 네모 표시된 부분에 체크를 하시고 알아볼 수 있는 제목을 입력하신 후 글 내용에 자.. 곰군의 IT/블로그Tip 8년 전
html 메뉴 깔끔하게 만들기/마우스 오버 블로그 디자인이나 홈페이지를 만들때 아래와 같이 메뉴를 자주 만들게 된다. 메뉴를 만드는 기본적인 방법은 메뉴는 리스트 형식의 정보라서 과 태그로 마크업하고, 태그로 링크를 설정한다. 그리고 태그를 이용해 감싸 그룹화하면 된다. 클래스이름은 본인이 알기쉬운 이름으로 정하면 된다. 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 위와 같이 입력하면 이렇게 파란글씨에 앞부분의 공백과 검은색 원이 출력된다. 이대로 써도 상관없지만 보기에는 만들다만것 같고 보기에 좋진 않죠. 그럼 이 메뉴를 가지고 보기좋게 만들어 봅시다~ 우선 메뉴앞에 있는 검은 원과 공백을 제거해보도록 하겠습니다. 태그안에 태그 내에 이제 마지막으로 활성화된 메뉴인지 알 수 있게끔 마우스 커서를 올렸을때 변하는 디자인을 적용하고, 메뉴들 폭을 조금씩 늘.. 곰군의 IT/블로그Tip 8년 전
