탁이로그

안녕하세요. 이번시간에는 새롭게 워드프레스 테마를 부트스트랩을 이용해서 만드는 방법에 대해서 소개하고 있습니다. 이번시간에는 스타일을 엔큐하는 방법에 대해 알아보겠습니다. 스타일 엔큐 엔큐는 큐(대기)에 올려놓는다는 의미로 항시 대기를 시켜둔다는 뜻인데요. 그때 그때 읽어 들이기에는 너무 자주 쓰거나 혹은 용량이 큰 화일의 경우 엔큐를 해 두고 사용하는 의미입니다. 엔큐를 하는 화일들은 그만큼 중요한 화일들이라고도 할 수 있겠네요. 워드프레스 테마 만들기에서 엔큐할 기본적인 화일은 아래와 같습니다. style 화일 js 화일 jquery 화일 functions.php 를 열고 아래와 같이 입력을 합니다.

안녕하세요. 이번시간에는 새롭게 워드프레스 테마를 부트스트랩을 이용해서 만드는 방법에 대해서 소개를 하겠습니다. 이번시간에는 워드프레스 테마를 만들기 위해 먼저 필요한 준비사항을 소개합니다. 1. 새로운 테마용 디랙토리 작성 워드프레스 디랙토리 내의 wp-content/themes 폴더에 새로운 테마용 폴더를 만들고 이름을 정해줍니다. 2. 부트스트랩 에서 css 와 js를 다운로드 받습니다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 작성 시점 현재 5.0.2 다운로드한 파일은 새롭게 만든 테마 폴더안에 넣어 줍니다. 3. 화일을 만듭니다. 아래 화일..

파워블로거가 되기위한 비결은 대체 뭘까요? 블로거는 블로그를 운영하는 사람이죠. 그리고 파워블로거는 글자 그대로 '힘쎈' 블로그의 운영자로, 많은 사람들에게 읽히고 있는 영향력있는 블로그를 운영하는 사람을 의미합니다. 이 글에서는 그 중에서도 블로그로 돈을 벌고 일정한 수입이 있는 사람을 "파워블로거" 라고 부르도록 하겠습니다. 그럼 지금부터 블로그를 시작하려고 생각하는 당신에게 파워블로거가 될 때까지 흐름과 파워블로거가되기위한 비결을 소개하고 싶습니다. 파워블로거가 될 때까지 과정 먼저 과정에 대해서 말해 보겠습니다. 파워블로거가 되기까지의 여정은 간단합니다. 먼저 블로그를 시작하고, 다음은 블로그를 업데이트하며, 광고등을 붙여서 수익을 었는 것입니다. 간단하죠? "실제로" 단지 이것뿐입니다. 그럼 조..

안녕하세요. 이번시간에는 브라우저의 전체화면을 캡처 (스크린샷) 하는 방법을 소개하려고 합니다. 보통 화면을 스샷으로 캡쳐하면 아래와 같이 넓이가 넓은 화면이 갈무리되는 것이 일반적인데요. 그런데 캡쳐된 화면 아래에도 더 보여주고 싶은 내용이 있을 경우, 한번 더 스크린샷을 찍어서 편집 프로그램에서 붙이고 다른이름으로 저장을 해야 하는 번거로움이 있습니다. 이럴 때, 크롬의 내장된 기능을 이용해서 간단히 전체화면을 캡처할 수 있는 방법이 있습니다. 그 방법은 아래와 같습니다. 1. 오른쪽 마우스를 버튼을 누르고 Inspect 를 선택 2. 화면에서 전체화면 스크린샷을 선택 이렇게 전체화면 스크린샷을 누르면 아래와 같이 전체 화면이 짜안하고 캡처됩니다. 간단한 방법이지만 요긴하게 사용할 수 있는 방법이기도..

네이버와 일본야후가 경영을 통합하기로 했다 합니다. 일본제품의 불매운동 가운데, 부정적인 시각으로 보는 사람들도 존재하겠지만, 블로그를 쓰는 개인으로서는 환영하고 싶은 뉴스였습니다. 왠 환영을 다 하냐꼬?ㅋㅋㅋ 그 이유를 개인적인 입장으로부터 전개해 보자면 이렇습니다. 탁이는 일본에서 살며, 일본의 블로그를 보며 종종 부러움을 느낄 때가 있었는데요. 왜냐면 좋은 컨텐츠를 보유한 블로그들은 영향력이 커서, 그에 따라 그 수익을 만드는 방법이 다양하고, 또 당연히 그로부터 얻을 수 있는 수익이 매우매우 크기 때문입니다. 블로그에 연결된 어필리에이트역시 "뭔가 수상해" 라고 여기는 것이 아니라, 대형 업체들이 주도해서 공생하고 있습니다. 예로 아마존이나 라쿠텐의 상품을 소개하고, 그로인해 구매된 부분에 대한 ..

"리퍼러"는 방문자가 해당 사이트에 액세스하는 데 이용한 원본의 페이지 정보를 지칭하는 말입니다. 예를 들어, 사용자가 사이트의 페이지 "A" 에있는 링크를 클릭하여 다른 페이지 "B" 에 액세스 했다고 했을 때, 새로운 B 페이지(사이트) 에서 본 A 페이지를 지칭합니다. 본 블로그는 Google과 네이버의 검색을 통해 유입되는 것이 대부분인데, 최근 낯선 리퍼러가 눈에 띱니다. com.google.android.googlequicksearchbox뭐지 이거? 만일 제 블로그에 대해 뭔가 언급 해 준 것이라면 다행이지만, 리퍼러스팸이라는 악성 수법도 있기 때문에 좀 꺼려지기도 하는데요. 그러나 다행히 상기 리퍼러는 특별한 것은 없어 보입니다. 많아진 리퍼러 "android-app" 는, 이름부터 분명히..

위의 이미지들은 사실 이미지가 아닌 폰트어썸이라는 폰트(서체)입니다. 이번 포스트에서는 폰트 어썸을 사용하는 방법에 대해서 간단히 소개하도록 하겠습니다.목차1. Font Awesome 폰트 어썸 이란 2. Font Awesome 을 사용하는 방법 3. Font Awesome 을 로드하는 세가지 방법 4. Font Awesome 을 포스트에 넣는 방법 5. Font Awesome 을 스타일링 하는 방법 1. Font Awesome 폰트 어썸 이란 폰트 어썸은 아이콘으로 이루어진 폰트(글꼴, 서체)입니다. 글꼴이기 때문에, 크기 및 색상 등 모든 CSS로 변경이 가능하며 확대를 해도 깨지거나 하지 않습니다. 물론 무료입니다. 개발사인 Font Awesome 에 따르면 1억개 이상의 사이트가 폰트어썸을 사용..

이번 포스트에서는 구글 어낼리틱스 통계에서 필터를 이용하여 내부트래픽 (자기IP) 를 제외하는 방법에 대해서 설명합니다. 이번 포스트를 따라하기 위해서는, ①구글 어낼리틱스의 계정 ②자기 IP 를 미리 준비해 두어야 합니다. 구글 어낼리틱스 계정에 대해서는 아래의 포스트를 참고하여 주시고, IP는 검색에서 자기 IP등을 검색하여 미리 준비해 두시기 바랍니다.[IT/블로그] - 티스토리와 구글 애널리틱스 연결해서 사용하기 1. 내부트래픽을 제외할 구글 어낼리틱스의 계정에 로그인 먼저 내부 트래픽(자기IP)를 제외하고 싶은 계정으로 가서, 좌측 하단의 관리를 선택합니다. 2. 내부 트래픽 제외용 필터 만들기 위의 이미지에서처럼 먼저 모든필터를 선택 후, 필터추가를 클릭합니다. 3. 제외할 트래픽의 내용 입력..

본 포스트에서는 티스토리와 구글 애널리틱스를 연결하는 법을 소개합니다. 기본적으로 티스토리와 구글 애널리틱스에 계정이 있어야 합니다. 1. 구글 애널리틱스에 로그인 구글 애널리틱스에 로그인을 하고, 좌측하단의 관리를 클릭합니다. 2. 새로운 계정만들기 계정만들기를 클릭하여 줍니다. 3. 추가할 새 계정 내용 입력 추가할 계정의 내용에, 연결한 티스토리의 내용을 입력합니다. 입력이 끝나면, 스크롤를 내려서 하단의 추적 ID 가져오기 버튼을 눌러줍니다. 4. 추적 아이디 받기 추적 아이디와 범용 사이트 태그를 확인하고 범용 사이트 태그를 복사합니다. 5. 티스토리 준비하기 추적 코드를 복사했으면, 연결할 티스토리에 로그인하여, 위의 이미지와 같이 관리페이지의 스킨편집을 클릭합니다. 6. 추적 코드를 붙여넣기..

안녕하세요. 탁입니다. 이번 포스트에서는 티스토리에서 사진을 업로드 할 때 500px 로 제한되어 있는 이미지의 사이즈를 변경하는 방법에 대해서 소개하려고 합니다. 위와 같이 포스트에 사진/이미지를 넣기 위해서 다음의 포토 업로더를 실행시켰을 때, 500 px 까지만 가능하다는 다이얼로그 박스가 뜨는 경우가 있습니다. 아마도 500픽셀이 디폴트인것 같은데, 이젠 좀 작은 듯 하네요. 이 크기를 변경는 방법은 아주 간단한데요. 코드를 건드릴 필요없이 설정만 변경해 주면 됩니다. 자세한 방법은 아래서 설명하겠습니다. 먼저 관리화면의 콘텐츠 항목의 "설정"을 클릭해서, 500픽셀로 되어있는, 글 영역과 이미지 크기 등에 영향을 주는 글쓰기 가로폭은 500px로 설정합니다. 의 항목을 1000px로 변경하고, ..

CSS 를 이용해서 줄간격 (행간) 을 조절하는 방법을 소개합니다. 행간 조절 CSS line-height :문장의 줄간격(행간)을 조절합니다. 줄간격이 너무 좁으면 가독성이 떨어지게 되는데, 그런 경우 이 속성을 이용하여 줄간격을 조절할 수 있습니다.행간을 조절하는 속성 line-height : line-height : 행간 값 (정확하게는 글꼴 크기 상하 여백 합계)페이지 전체의 행간을 변경 body {line-height : 행간 값 }단락 요소의 행간을 변경 p {line-height : 행간 값 }클래스의 행간을 변경 .className {line-height : 행간 값 }행간 값의 단위의 종류% 지정 브라우저의 문자 기준 크기에 대한 % 값. line-height : 150 %em 지정 브라..

안녕하세요. 탁이로그입니다.구글 애드 센스의 심사를 통과 하셨나요? 애드고시를 마치고 드디어 애드 센스 광고를 자신의 블로그에 붙이고 광고가 표시되었을 때의 기쁨을 기억합니다. 탁이로그에도 처음 애드 센스로 광고가 떻을때 얼마나 기뻤는지 아직도 기억이 생생합니다^^ 그런데 그것은 시작에 불과 했고, 여러 과정을 거치게 됩니다. 모르는 점도 배울 점도 많고요. 오늘 이야기할 "동기 및 비동기 코드"의 차이도 그 중 하나일 것입니다.애드센스 광고 코드가져올 때 선택해야애드센스 광고를 만들고 저장하고 코드 가져오기를 누르면 "동기 및 비동기"의 선택항목이 나옵니다. 어느 것이 좋을까요? 결론부터 말하면 "비동기"가 좋습니다.아래는 구글이 애드 센스 도움말에서 비동기 코드에 대해 자세하게 해설해 주는 내용입니다..

안녕하세요. 탁입니다. 이번 포스트에서는 티스토리의 블로그를 폐쇄 하는 방법 에 대해서 알아보겠습니다. 방법은 아주 간단한데요. 먼저 블로그관리 화면의 가장 밑으로 갑니다. 폐쇄는 가장 신중하게결정해야 하는 것이니가장 밑에 있는것이어울리는 것 같네요. 관리 카테고리의 블로그를 클릭합니다. 그리고 데이터 관리를누릅니다. 데이터만 삭제할지블로그를 폐쇄할지묻는데요. 오늘은 블로그 자체를폐쇄할 것이니 블로그 폐쇄의 안내를 신중히읽으시고, 체크버튼에 체크를하고 패쇄하기를클릭 합니다. 역시 돌이킬 수 없는 작업이니인증메일을 보내서한단계를더 거치도록 되어 있네요. 메일로 들어가서 폐쇄하기를 클릭! 하면, 폐쇄가 완료 됩니다.

2018년5월19일기준 알렉사에 따른 한국의 인터넷 사이트 순위입니다. 동아일보 중앙일보, 그리고 중국 사이트가 순위에 올라 있다는 것이 놀랍네요. SiteDaily Time on Site Daily Pageviews per Visitor % of Traffic From Search Total Sites Linking In 1Youtube.comYouTube is a way to get your videos to the people who matter to you. Upload, tag and share your…8:284.7216.10%2,757,4472Google.comEnables users to search the world's information, including webpages, image..

구글 네이버와 같은 검색 엔진이 페이지를 색인할 때, 사용된 이미지용 alt 태그의 유무도 해당 블로그의 품질에 영양을 미친다고 합니다. 워드프레스의 경우에는 미디어 라이브러리에서 쉽게 입력을 하면 되는데, 저도 사용하기 시작할 때 입력할 수 있는 위치를 몰라서 애를 먹었던 적이 있습니다. 티스토리에서도 손쉽게 alt 태그를 넣을 수 있는데요. 오늘은 그 방법을 안내해 드리려고 합니다. alt 태그 : alt 는 대채를 의미하는 alternative 를 뜻하는 듯 하는데요. 이미지가 깨질 때, 대채하여 보여지는 설명용 택스트를 의미합니다. 티스토리는 별도로 이미지를 관리하는 곳이 없습니다. 글쓰기 화면에서 이미지를 클릭하면 이미지를 관리하는 란이 사이드바에 표시됩니다. 상기와 같이 이미지를 클릭하여 선택..

안녕하세요. 탁이입니다. 티스토리 블로그의 스킨을 copycatz 님이 만드신 반응형 스킨인 CCZ-CROSS 으로 변경했습니다. 다시 구글 어널러틱스의 코드를 삽입하고 이것 저것 설정을 하다가 보니, 사이드 바의 애드센스가 다른 사이드바의 모듈과 같이 마진이 들어가서 한 쪽으로 치우쳐 있더군요. 돌아서면 잊어 버리는 저의 저용량 메모리를 위해, 혹은 같은 문제를 겪는 분들을 위한 포스팅입니다. 플러그인을 통해서 사이드바에 300폭의 광고를 넣으면 위의 이미지처럼 다른 사이드바 모듈과 같이 정렬이 돼 버립니다. 이럴 때는 아래와 같이, 관리화면의 HTML 편집화면으로 들어가서 직접 광고를 입력 (HTML) 하고, 위치를 모양좋게 수정 (CSS)해야 합니다. 먼저 위와 같이 HTML수정화일로 들어가, 사이..