'컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP' 카테고리의 글 목록

OBD,OmnisLog Blog diary

목록 상단 치환자 :

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP (11)

목록 하단 치환자 :

블로그 head 메타 태그

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2024. 2. 21. 15:47

블로그 head 메타 태그: 심층 가이드 및 실제 사용 예시 블로그 head 메타 태그는 블로그 페이지의 중요한 정보를 검색 엔진과 사용자에게 제공하는 데 중요한 역할을 합니다. 이 가이드에서는 블로그 head 메타 태그의 종류, 기능 및 실제 사용 예시를 자세히 살펴보겠습니다. 1. 주요 블로그 head 메타 태그: title: 블로그 페이지의 제목을 지정합니다. 검색 결과 페이지(SERP)에 표시되며, 사용자가 페이지를 식별하는 데 중요한 역할을 합니다. description: 블로그 페이지의 간략한 설명을 제공합니다. SERP에 표시되며, 사용자가 페이지의 내용을 파악하는 데 도움을 줍니다. keywords: 블로그 페이지와 관련된 키워드를 지정합니다. 검색 엔진이 페이지의 내용을 이해하는 데 도움..

아이프레임 정렬 코드

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2024. 2. 20. 17:15

아이프레임 정렬 코드 아이프레임 정렬 방법은 크게 두 가지로 나눌 수 있습니다. 이 코드는 공부하는 용도의 참고용입니다. 1. HTML 코드 이용 수평 정렬: align 속성: left, center, right 값 사용 예시: HTML CSS margin 속성: margin-left 또는 margin-right 속성 사용 예시: HTML CSS flexbox: 부모 요소에 display: flex 속성 설정 justify-content 속성으로 center 값 설정 예시: HTML 2. CSS 코드 이용 iframe 선택 후 CSS 적용: margin, text-align, display 등의 속성 사용 예시: HTML 3. JavaScript 이용 window.onload 이벤트 사용 document..

Table 태그 to DIv

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2024. 1. 21. 10:58

table 태그를 div 태그로 바꾸는 것은 다음과 같은 단계로 진행할 수 있습니다. 테이블의 구조를 파악합니다. 테이블의 행(row)과 열(column)의 개수를 파악하고, 각 행과 열에 포함된 요소를 확인합니다. div 태그로 대체할 구조를 설계합니다. 테이블의 구조를 유지하면서 div 태그와 CSS를 사용하여 동일한 레이아웃을 구현할 수 있는 구조를 설계합니다. div 태그와 CSS를 사용하여 테이블을 대체합니다. 테이블의 구조에 따라 div 태그와 CSS를 사용하여 테이블을 대체합니다. 예제 다음은 간단한 표의 HTML 코드입니다. HTML 제목 내용 1 내용1 2 내용2 코드를 사용할 때는 주의하시기 바랍니다. 이 표를 div 태그로 대체하기 위해서는 다음과 같은 구조를 설계할 수 있습니다. H..

DIV 알아보기

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2023. 5. 28. 18:22

DIV 알아보기 HTML 태그에서 가장 많이 사용되는 기초적인 태그가 DIV일 것입니다. 과거에 많이 사용하던 Table 태그를 대신하며 이보다는 유연성 있고 광범위한 속성을 가지는 태그입니다. 스크립트를 따로 공부하지 않은 일반 블로그 운영자로서 블로그 스킨을 만질 때 자주 마주치는 HTML CSS의 기본적인 사용법을 알아보려는 것입니다. 그 첫 번째로 DIV 태그의 속성들과 그 사용방법입니다. DIV 태그는 한마디로 말해서 웹페이지에서 영역을 지정하는 태그입니다. 구조는 와 로 구성된 되며 "와"의 자리에 표시할 문자, 데이터, 이미지, 영상 등을 표시하는데 여러 가지 속성을 주어서 꾸밀 수 있는 속성 태그가 준비되어 있습니다. 속성을 다 모르더라도 기본적으로 표시됩니다. 다만 DIV는 style로 ..

레벨 업 사이트 진단

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2022. 11. 1. 19:16

네이버 웹마에서 간과하는 작은 것이 사이트 레벨 다운으로 이어집니다. 사이트 진단 메뉴 뒤에 빨간 점이 생겨 있다면 블로그, 사이트의 네이버 색인에 문제가 있다는 경고입니다. 대부분의 운영자들은 대수롭지 않게 방치하지만 열성적인 Admin이라면 SEO에서 작은 하나라도 놓치지 않으려고 애쓸 것입니다. 아래 캡처 이미지처럼 빨간 점이 보일 때입니다. 클릭해 보면 색인이 원활한 페이지 숫자를 보여주고 아래칸에 접근 불가 페이지를 보여 줍니다. 접근 불가 페이지 URL을 보여주기 때문에 블로그 사이트의 어떤 주소인지 알 수 있습니다. 좌측 대 메뉴에서 "웹페이지 거 색 제외"를 클릭해서 해당 URL을 검색 제외 요청을 하는 것을 권장합니다. 아래는 색인이 잘 되고 있는 페이지 숫자와 접근 불가 페이지를 보여주..

Ads.txt 파일 문제

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2020. 4. 16. 18:59

애드센스 운영자에게 뜨는 경고 ads.txt수익 손실 위험 - 수익에 심각한 영향을 미치지 않도록 사이트에서 발견된 ads.txt 파일 문제를 해결해야 합니다. 주로 2차 도메인을 티스토리에 연결해서 운영하는 블로그에 구글 애드센스 측에서 알림으로 뜨는 메시지입니다. 보기에 신경 쓰이기도 하고 기분도 별로 좋지 않는 경고입니다. 구글 광고 시스템을 이용할 때 혹시 애드센스 스크립트가 가짜 광고 등으로 운영자 의도와 상관없이 판매될 수도 있다는 가정 하에서 이를 방지할 수 있도록 도메인 루트에 어드민 텍스트로 고정 하려고 하는 것입니다. 자기 사이트를 개인이 운영하는 경우에 호스팅을 임대 해서 사용 한다면 별 문제 없이 ads.txt 파일을 도메인 루트에 올릴 수 있을 것입니다. 하지만 티스토리는 무료로 ..

테이블 (Table)태그를 디브(Div) 태그로 바꾸면서.

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2019. 9. 29. 11:09

스마트폰 시대에 Table 태그를 Div 태그로 바꾸기 블로그를 하다 보면 옛날에 Html을 배운 분들은 습관적으로 테이블태그를 사용하는것을 보게 됩니다. 익숙해서 그럴 수 도 있고 별 상관 없어서 그냥 사용할 수도있습니다. 이 블로그에도 오래전에 작성한 박스는 대부분 테이블 박스로 되있었는데 지금부터 하나씩 고칠려고 하면서 쓰는 글입니다. html 고수분에게는 해당없겠지만 많은 블로거들은 HTML 공부를 하지 않고 그냥 포스팅하지요. 요새는 스마트폰으로 웹사이트를 보는경우가 훨씬 많기 때문에 테이블 태그로 만든 박스는 폰의 스크린을 오버 하게되어서요.. . 필자의 이 블로그도 대부분의 포스팅에서 테이블 박스를 사용하고 있습니다. 별것 아닌데 차츰 고치는 중이며 저 처럼 아직도 생각없이 테이블 태그로 박..

스팸필터 URL 입력 안되는 문제 도와주세요.

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2018. 11. 14. 06:22

티스토리 스팸 필터 비활성 티스토리 스팸성 URL 차단을 위해서 스팸필터에 등록하고 싶은데 등록창이 비활성 상태입니다. 붙여넣기는 안되며 타이핑으로 가능하지면 + 표시가 비활성 상태라서 스팸 사이트를 등록 할 수가없네요.. 스킨은 ccz-cross 인데 스킨과 상관 있는지는 모릅니다. URL 입력이 안되는 문제의 이유를 알고싶습니다.

블로그 섬네일 이미지가 안보입니다.

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2017. 6. 1. 13:07

블로그 섬네일 이미지 관련 질문입니다. 얼마전에 블로그 스킨을 바꾼후로 포털에 검색되어 노출되는 글 목록에서 저의 글만 작은 섬네일 이미지가 안보입니다. 모르고 있다가 최근에사 알게 되었는데 당황스럽네요. 무었을 어떻게 해야하는지 자세히 알려주시면 고맙겠습니다. 블로그 스킨은 현재 이 글을 쓰고 있는 티스토리이며 스킨 버전은 Life In Mono(Light)(사용자 수정/업로드) ver.1.0 이며 티스토리에서 기본 제공되고있는 것입니다.상태 이미지 첨부합니다. HTML스킨에 대해서 아시는분께서 좀 알려 주시면 좋겠습니다. 검색결과에 노출되는 부분을 캡쳐한 이미지를 올립니다. 좋은답변을 주신다면 이와같은 경우를 만나게되는 블로그운영자들에게 도운이 될것으로 생각합니다.감사합니다. 2017/02/10 - ..

티스토리 카데고리 펼쳐 보이기

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2017. 2. 10. 16:55

티스토리 서브 카테고리 펼쳐 보이는 방법 티스토리 서브 카테고리 펼쳐 보이는 방법. 티스토리 - Tistory 블로그 대문에서 카테고리를 펼쳐 보이고 싶어도 기본적으로 제공하는 화면관리에서는 불가능합니다. 그렇지만 스킨 스크립트(소스)를 약간만 편집하면 간단하게 원하는대로 카테고리를 서브 카테고리로 펼쳐 보이게 할 수가 있습니다. 티스토리는 고맙게도 오픈소스를 지향해서 유저가 필요에 의해서 스킨을 편집해서 사용할 수 있도록 거의 제한을 두지 않고 있습니다. 방법은 관리자 메뉴에서 HTML/CSS 편집을 클릭한후 HTML소스화면에서 "" 를 찾습니다. 혹시 모르는 분을 위해서 알려 드린다면 찾는방법은 아래의 캡처 이미지처럼 소스화면에서 Ctr+F 누른 다음 를 붙여 넣고 엔터 치면 긴 HTML Script..

네이버 애널리틱스

컴퓨터-IT-인터넷-모바일/HTML-CSS-PHP OBD 2015. 11. 6. 09:55

가 티스토리 플러그인으로 나왔네요. 구글애널리틱스에 의존해 왔는데 플러그인에 네이버 애널리틱스가 올라왔네요. 일단 구성을 마치고 씁니다. 확실히 알지는 못하지만 시간이 경과하면 최대장점이나 단점같은게 눈에 띄겠지만 현재로서 기능설명을 보면 구글의 것에 뒤지지않는다는 느낌이 듭니다. 아무래도 구글보다 뒤에 나왔기 때문에 더 발전된 기능이길 바라는 마음입니다. 현재 구글과 함께 두가지 다 사용해 보는 것으로 하며 비교 분석도 해보고 차이가 무었인지도 두고 점검해 볼 생각입니다. 국내 포털은 네이버가 타의 추종을 불허하는 유입자를 보내는 곳임으로 네이버 애널리틱스가 좀더 유용한 성능을 발휘하리라는 기대를 합니다. 일단 가입하고 숫자로 구성된 일련번호같은걸 입력하고 간단한 스크립트를 복사해서 HTML 붙여넣으면..

Copyright © OBD,OmnisLog Blog diary All Rights Reserved
Designed by JB FACTORY

티스토리툴바