NILGI

얼마 전 애드센스 광고에 작은 변화가 있었습니다. 광고 태그에 data-full-width-responsive="true" 추가되었습니다. 이 태그 역시 반응형 태그입니다. 화면 폭에 꽉 찬 광고를 보여줍니다. 광고 크기를 width, height로 설정해도 화면 폭에 딱 맞는 최대 크기로 나옵니다. ▲ 이 광고 크기는 336*250으로 고정시켜 놓았습니다. 이번에 새롭게 추가된 태그를 넣고 화면을 줄여서 보면 이렇게 폭에 꽉 찬 광고가 노출됩니다. 세로 길이도 알아서 설정됩니다. 진짜 반응형이 된 것 같습니다. 물론 모바일 화면에서도 자동 적용됩니다. 그러나 풀 화면에서는 직접 지정한 광고 크기로 나옵니다. 광고가 노출되는 div 영역의 폭이 변화되었을 때 태그가 적용됩니다. 이 태그로 인해 div를 ..

패스파인더 복귀 후 안 열심히 하고 있다. 요즘 하는 건 그냥 1시간 정도 사냥과 일일 보스 그리고 일퀘 정도? 만... 응. 정말 열심히 안 해. 오랜만에 츄츄 아케인 심볼 얻을라고 츄츄에 갔는데 일퀘가 생겼네??? 츄츄 아케인 심볼은 배고픈 무토에서만 얻을 수 있었는데 일퀘 생기니까 너무 좋다. 배고픈 무토는 손이 느려서 쉬운 모드만 하는데 해봤자 몇 개 주지도 않고 ㅠㅠ 심볼 업그레이드 하기 너무 힘들다 생각했는데 말이야. 일퀘 생기니까 짱이네. 사냥만 하면 되네? +_+)d 소멸 심볼은 벌써 레벨 12인데 츄츄는 이제 8이다. 욕... 이제 츄츄도 좀 빠르게 업그레이드할 수 있을 듯. 오호~ 4개나 준다. 무토도 4개였나? 그리고... 오늘의 어이없는 경험... 어제 사냥 1시간 정도 했는데 젬스..

애드센스 광고를 정확한 크기를 지정하는 방법을 알아보겠습니다.광고가 들어가는 영역(본문과 그 외 div) 크기에 따라 변경할 수 있습니다.반응형 광고를 쓰면 크게 필요는 없지만 꼭 써야 할 부분이 생깁니다.정확한 크기 설정은 css를 이용해서 만듭니다. 미디어 커리라는 태그를 쓰는데 크게 어렵지 않으니 따라 해 보세요. ▲ 이 태그는 예시입니다. 태그를 해석해보겠습니다. 다른 부분은 기존의 광고 코드와 동일하고 노란 테두리 부분이 추가된 것입니다. .example_responsive_1 < 이건 그냥 id 같은 겁니다. 아무것이나 써도 상관없습니다. 영문과 숫자 그리고 _ 만 쓸 수 있습니다. 예시 그대로 써도 상관없습니다. .example_responsive_1 { width: 320px; height..

유니온 8천후 패스파인더 컴백했다. 근데 아이템 창이랑 창고에 쓰레기가 왜 이리 많을까? 언제 이런걸 모았는지 모르겠음요. 빨리 처분~ 뭐...지...? 시골 서버 새벽 시간에 이렇게 빨리 팔리나??? 올리자마자 바로 사가버리네. 이 말은 내가 너무 싸게 올렸다는 말이군. 아... 필요 없으니 잘 팔리니까 좋긴 하다. 한 3일은 계속 팔아야 할 것 같다. 너무 많아. 팔아서 아획템 하나 장만해야겠다.^^ 오랜만에 패스파인더 해보니 너무 재미있다. 그런데 하나도 모르겠다. 1차 스킬부터 다시 차근차근 익히는 중... 빨리 익혀서 보스 돌아야지~-*-*)/

광고 크기의 높이를 고정하거나 폭을 고정할 수 있습니다. 보통 높이를 고정하죠. 높이 고정 하는 방법을 알아보겠습니다. ▲ 기본 광고 코드에 빨간 테두리 부분을 추가해주면 됩니다. 그러나 최근에 광고 코드에 data-full-width-responsive="true"라는 자동 최대 폭 태그가 추가되었습니다. 이 태그를 삭제 하고 써야 합니다. style="display:inline-block; min-width: 400px; max-width: 970px; width:100%; height:90px" 태그를 해석해 보면 화면 폭이 400px~970px 일 때 높이는 90px로 고정한다.입니다. width:100% 는 화면 폭의 100%을 다 쓴다는 말입니다. 쉽죠? "ca-pub-****" data-ad..

애드센스 광고가 일정 화면 폭이 되면 없어지게 하는 방법을 알아보겠습니다. 이건 지난 시간에 배운 광고 크기 지정 태그에 약간의 추가 태그가 있는 겁니다. 지난 글을 참고해주세요. 2019/10/02 - [블로그 T.I.P/· 애드센스] - 광고 크기 지정 ▲ 빨간 부분 태그를 보시면... @media (max-width: 400px) { .adslot_1 { display: none; } } 최대 폭이 400 이하일 때 화면에 보이지 않는다.입니다. display: none; 이 화면에서 없어진다는 뜻입니다. @media는 반응형을 만들 때 쓰는 태그입니다. .adsolt_1 < 이건 아무거나 써도 되고 예시 그대로 써도 상관없습니다. 단 영어와 숫자 _ 기호만 사용 가능합니다. ins class="a..

제주도를 시작으로 태풍의 영향권이 접어들었습니다. 개인적으로 태풍을 무서워해서 실시간으로 위치를 확인하고 있어요. 실시간 위치를 확인 할 수 있는 사이트입니다. https://earth.nullschool.net/#current/wind/surface/level/orthographic=-238.46,35.14,3000/loc=127.972,36.336 earth :: a global map of wind, weather, and ocean conditions See current wind, weather, ocean, and pollution conditions, as forecast by supercomputers, on an interactive animated map. Updated every th..

10월초 CPU 순위 10월초 그래픽카드 순위

요즘 달리는 광고를 보면 성인물이 아닌데 어그로를 끌기 위해 성인물처럼 보일 수 있는 텍스트나 이미지가 들어간 광고가 보입니다. 광고는 보통 글 내용과 일치하게 달립니다. 제 블로그는 성인물에 관한 포스팅을 하지 않고 애드센스에서도 성인물과 아동 보호에 위반되는 글에는 광고를 달수 없다고 경고하고 있습니다. 그리고 영어로 된 광고도 상당히 많죠. 방문자 분석을 보면 외국인은 1%도 안됩니다. 그러니 이 광고 또한 필요 없습니다. 그리고 참고로 전자 담배 리뷰 하는 블로거들이 간혹 있는데 애드센스 정책위반입니다. 담배도 성인물입니다. 전자 담배 리뷰는 유튜브에서도 노란딱지를 붙입니다. 노란 딱지란 광고를 달 수 없다는 경고입니다. 경고가 쌓이면 퇴장이죠? 본론으로... 차단 하려는 주소를 알아야 한다. 광..

티스토리 Square 스킨에 영어로 된 부분이 있죠.영어에 약한 저는 이걸 한글로 바꿔야겠습니다. -_-;티스토리 스킨은 html/css 편집이 자유롭습니다. 정말 좋은 기능이죠. ▲ Square 스킨의 영어 부분입니다. 이걸 이렇게 한글로 모두 바꿨습니다. 수정 방법을 알려드릴게요. ▲ 스킨 편집 > html에 들어갑니다. ctrl + F를 해서 검색에 위에 수정하려는 글자를 입력하고 찾아줍니다. 그리고 저 부분을 원하는 글자로 바꿔주면 됩니다. ▲ "press enter to search...." > "글 검색" 으로 변경해주세요. 이렇게 하면 글 검색이 왼쪽 정렬이 되는데 앞에 스페이스파로 공간을 주고 중앙에 위치시키면 됩니다. 티스토리 편집 그렇게 어렵지 않아요.^^*

이야~ 드디어 전직업 200을 달성합니다. 이 어려운걸 또 해냅니다. 캐릭터 하나 200 찍는데 보통 1달이 걸렸어요. 왜냐고요? 안 하니깐요. ㅋ 열심히 하시는 분들은 하루에 두 캐릭 이상을 200 찍더랍니다. 대단하심. 어찌 그리하시는지 노하우가 정말 어마 무시합니다. 그럼 200 또는 그 이상 찍은 역사적인 오늘을 남겨봅니다. 과거 없는 현재는 없고 현재가 없는 미래는 없다. 과거는 고로 중요하다. ㅡㅡ? ▲ 본캐는 원래 소울마스터였는데 궁수가 너무 하고 싶었습니다. 때마침 모험가 직업군 궁수 패스파인더가 나왔죠. 그래서 지금은 본캐 패스파인더 220에서 잠시 멈추고 유니온 8000을 찍고 싶어 다른 캐릭들을 키웠습니다. 이제 다시 패스파인더를 할 수 있겠네요. 시간이 지나다 보니 패스파인더 다루는..

티스토리 블로그 댓글 앞에 있는 프로필 사진 넣는 방법을 알려드릴게요. 이거 은근히 모르는 분이 많으세요. 그리고 프로필 사진 적용은 스킨에 따라 다르다고 합니다. 제가 쓰고 있는 "반응형 #1"은 결론부터 말하자면 계정관리 사진입니다. ▲ 먼저 플러그인에서 지원해주는 아이콘 표시 방법들입니다. - 블로그 아이콘 표시 : 이름 앞에 표시되는 작은 아이콘입니다. - 홈페이지 아이콘 표시 : 이 또한 이름 앞에 붙은 작은 아이콘인데 100kb 이하의 확장자 ioc 파일만 올릴 수 있습니다. 이걸 이용하면 댓글 앞 프로필 사진이 올라가는 스킨도 있다고 합니다. 여하튼 저는 이렇게 작은 아이콘으로 표시됩니다. 그리고 파비콘은 북마크에 등록했을 때 표시되는 아이콘이기도 합니다. 지금 부터 시작~ 서론이 길었죠? ..

지난번에 인텔 내장 그래픽에 대해서 알아봤었습니다. 2019/08/20 - [컴퓨터 T.I.P] - 인텔 내장 그래픽 종류 오늘은 AMD 사의 내장 그래픽에 대해 알아볼게요. AMD도 인텔처럼 그래픽이 내장되어 있는 CPU도 있고 없는 CPU도 있습니다. 요즘 새롭게 출시되고 있는 CPU에는 거의 내장형이 없습니다. ▲ 먼저 최근에 나온 내장 그래픽 중 3가지를 비교한 차트를 볼게요. 역시 숫자가 높은 Vega 11이 가장 성능이 좋습니다. 당연하겠죠?^^ ▲ 그럼 인텔과 비교해 보겠습니다. 참고로 비교 모델은 데스크탑용입니다. 거의 두 배 가까이 AMD 내장 그래픽이 좋습니다. Vega 8, Vega 11 이 내장 된 CPU 목록입니다. Radeon™ RX Vega 11 그래픽이 탑재된 AMD CPU ..

프리미어 프로 비디오 전환 효과를 계속 배워보겠습니다. 오늘 배운 전환 효과는 별거 없다가 마지막에 좀 심박하네요.^^ 몰입형 비디오 - VR 그라디언트 지우기 ▲ 효과 적용은 클립과 클립 사이에 올려놓으면 됩니다. 쉽죠? ▲ 이렇게~ 효과를 선택하고 효과 컨트롤 패널을 확인해봅시다. ▲ 여러 가지 설정을 변경해 봤는데 이번 효과는 예쁘지도 않고 뭐 그러합니다. ▲ 결과 물입니다. ▲ 근데 막판에 회전 > 기울기 x축 값이 조금 재미있네요. 살짝 적용해 봤습니다. ▲ 짜잔~ 각 설정값은 키프레임을 적용할 수 있습니다. 키프레임 작용 방법은 너무 많이 설명해서 이제 까먹을 수도 없습니다. 블로그로 복습하니까 돌에 글 쓰는 거라 지워지질 않습니다. ㅎㅎ 키프레임 적용 방법은 이전 글을 참고해 주세요. 201..

17호 태풍 타파가 북상 중입니다. 이번엔 남부지방에 큰 영향을 줄 것 같네요. 저도 경남지방이라 관심이 많이 갑니다. 실시간으로 태풍 위치를 확인할 수 있는 사이트를 소개합니다. https://earth.nullschool.net earth :: a global map of wind, weather, and ocean conditions See current wind, weather, ocean, and pollution conditions, as forecast by supercomputers, on an interactive animated map. Updated every three hours. earth.nullschool.net 이 사이트 심쿵하네요. 실시간 날씨도 볼 수 있고 오른쪽 아래 메..

CPU 순위 그래픽카드 순위

인피드 광고 넣는 방법과 설정 방법을 알아보겠습니다. 인피드 광고는 글 목록 사이사이에 넣는 광고입니다. 은근 광고 수익이 좋습니다. 쓰고 있는 스킨에 목록을 보여주는 페이지가 있다면 꼭 사용하시길 바랍니다. 목록 페이지가 없다면 사용할 수 없습니다. ▲ 애드센스에서 인피드 광고를 선택하면 이렇게 주소를 적는 부분이 있습니다. 주소를 적고 테스크탑을 선택한 다음 페이지를 스캔합니다. 그럼 자신의 목록 스타일과 거의 흡사한 광고 모양을 자동으로 만들어줍니다. ▲ 자동으로 만든 걸 그대로 써도 괜찮지만 조금 더 디테일하게 만들어 줄 수도 있습니다. 그리고 이 부분은 광고 모양의 키가 됩니다. 옵션을 변경할 때마다 키가 변경됩니다. 그럼 이제 적용하는 방법을 알아봅시다. ▲ 먼저 이 태그를 사이에 넣어야 합니..

태그 이름을 클릭하면 상세 설명 페이지로 이동합니다. 상세 페이지가 있는 태그는 회색배경 + 빨간 글씨. 주로 티스토리 스킨 편집에 사용하는 태그만 정리합니다. 태그 이름 속성 설명 URL 링크 생략된 글자나 머리글자를 표시 생략된 글자나 약어를 표시 페이지의 연락처 정보를 정의 애플랫 요소를 정의 이미지 맵의 영역을 정의 문서내에 독립적인 컨텐츠를 정의 문서내에 사이드 컨텐츠를 정의 오디오 파일을 정의 글씨 두껍게 모든 URL의 기본이 되는 기본 URL을 설정 문서의 기본 폰트, 사이즈, 종류를 설정 텍스트의 출력 방향을 브라우저가 판단해 표현 텍스트의 방향을 설정 텍스트 크기를 크게 긴 문장의 인용문을 정의 텍스트를 깜박이게 문서 본문에 해당하는 콘텐츠를 포함하는 영역 텍스트를 줄바꿈 할 때 사용 버..

태그 이름을 클릭하면 상세 설명 페이지로 이동합니다. 상세 페이지가 있는 태그는 회색배경 + 빨간 글씨. 주로 티스토리 스킨 편집에 사용하는 태그만 정리합니다. 태그 이름 속성 설명 align-content 콘텐츠의 상하 관계 정렬 상태를 정의 align-items 콘텐츠 내부의 정렬 상태를 정의 align-self 콘텐츠의 정렬 상태를 정의 all 요소의 속성을 초기화 또는 상속을 설정 animation 움직임을 표현 animation-delay 요소가 로드된 후 애니메이션이 시작될 때 까지의 시간 animation-direction 애니메이션 움직임 방향을 설정 animation-duration 애니메이션 움직임 시간을 설정 animation-fill-mode 애니메이션이 끝난 후의 상태를 설정 an..

z-index 위치가 겹칠 경우 순서를 정의 z-index 값이 클수록 상위에 표시 됩니다. 음수도 사용 가능하고 99999까지 사용할 수 있습니다. 그 이상의 숫자도 작동합니다.

width 요소의 가로 값을 정의 width 값은 px, %로 정합니다. height와 방법이 동일하다고 보면 됩니다.