분류 전체보기2612 HTML 태그 : embed See the Pen embed by nilgi (@nilgi) on CodePen. 동영상 링크에 많이 사용한다. src : 요소 주소 width : 요소 너비 height : 요소 높이 2019. 9. 11. HTML 태그 : em See the Pen by nilgi (@nilgi) on CodePen. 글씨를 기울임/이탤릭체 2019. 9. 11. HTML 태그 : div See the Pen by nilgi (@nilgi) on CodePen. 문서의 섹션을 만들거나 영역을 나눌 때 사용하며 티스토리 스킨 편집시 꼭 알아야 한다. 2019. 9. 11. HTML 태그 : button See the Pen buttom by nilgi (@nilgi) on CodePen. - autofocus : 페이지 로드시 자동으로 포커스를 받도록 지정 - disabled : 버튼 비활성화 - name="이름" : 버튼 식별자 지정 - type=버튼 종류 지정 - submit : 폼 제출. 기본값입니다. - reset : 폼 리셋 - value="값" : 전송되는 데이터 초기값 지정 - formtarget="_blank" 타겟 새창 "_self" 타겟 부모창 "_parent" 타겟 현재창 "_top" 타겟 최상위창 - input 버튼과 같지만, 이미지나 텍스트가 사용가능해 다양한 디자인이 가능. input type="button" name="button" id="button" value="눌러주세요.. 2019. 9. 11. HTML 태그 : br / See the Pen by nilgi (@nilgi) on CodePen. 텍스트 줄바꿈 2019. 9. 11. HTML 태그 : body See the Pen by nilgi (@nilgi) on CodePen. 2019. 9. 11. HTML 태그 : b See the Pen by nilgi (@nilgi) on CodePen. 2019. 9. 11. HTML 태그 : a See the Pen by nilgi (@nilgi) on CodePen. • href="URL" : 링크 주소 지정 • target : 링크가 열리는 창을 지정 _blank - 새창 _parent - 부모창 _self - 자신의 창 _top - 프레임을 무시하고 전체 화면에 열린다. • 링크 상태 link : 방문한적이 없는 링크 상태 visited : 방문한 적이 있는 링크 상태 hover : 마우스 커서가 링크위에 올라갔을 때 상태 focus : 링크에 포커스가 위치해있는 상태 active : 마우스를 눌렀다가 놓았을 때 2019. 9. 11. 티스토리 스킨 편집 - 탑 버튼 만들기 / 위로 올라가기 버튼 만들기 블로그 스킨을 살짝 변경했습니다. 변경을 하고 나니 위로 가기 버튼이 필요해 보입니다. 키보드에서 Home을 누르면 위로 올라가지만 블로그 스킨에도 추가해 조금이라도 보기 편하게 만들어봤습니다. ▲ 블로그를 읽다 보면 오른쪽 아래에 저런 마크가 생깁니다. 보기에는 그냥 제 블로그 이름으로 보이지만 클릭하면 화면의 가장 위로 올라가는 버튼입니다. 화살표 같은 이미지로 할 수 있지만 약간의 감성을 주고 싶었습니다.이제 위로 올라가기, 탑 버튼을 만들어보겠습니다. ▲ 가장 먼저 해야 할 일은 버튼의 이미지를 업로드해야 합니다. 저는 60*60px 사이즈로 만들었습니다. 스킨 편집에 들어가서 HTML 편집에서 파일 업로드를 클릭하고 이미지를 올립니다. 전 top.png로 올렸습니다. ▲ 직접 만든 이미지입니다... 2019. 9. 6. 애드센스 광고 크기 정리 광고를 달다 보니 크기에 대한 고민이 많습니다. 어느 정도의 크기가 본문 집중도를 해치지 않고 예쁘게 달리는지는 정말 중요한 것 같습니다. 무분별한 광고는 오히려 거부감을 줄 수도 있다는 점 잊지마세요. 광고의 크기는 기본적으로 넣는 자리의 크기에 따라 변합니다. 반응형이라는 말이죠. 광고 크기를 직접 지정해서 쓸 수도 있다는데 아직은 할 줄 몰라요. div를 잘 이용하면 될 것 같기는 한데 전 게을러서 못해요.^^; 336*280 / 300*250 / 250*250 / 200*200 정사각형에 가까운 광고들은 본문의 첫 부분이나 글의 왼쪽, 오른쪽에 쓰는 예를 많이 봤습니다. 광고 효과가 좋다고 하네요. 광고 효과는 본인이 쓰는 스킨의 형태에 따라 많이 변하는 것 같습니다. 300*600 / 160*6.. 2019. 9. 5. 애드센스 우편 도착!!! 애드센스 우편이 도착했습니다. 8월 15일 광복절에 보냈다고 했는데 이제 도착했어요. 약 3주 정도 걸리네요. ▲ 제일 먼저 해야 할 일. 애드센스에 들어가서 핀번호를 입력해야죠. 입력 끝. 이제 수입 100달러가 되면 지급을 받을 수 있습니다.^^ 100달러 달성하면 은행 코드에 대해 알아봐야겠습니다. 한~~~참 멀었으니 우편물 구경이나 합시다.^^ ▲ 엄마가 먼저 구경했나 봐요. 우편물이 야무지게 뜯어져 있습니다. ㅋㅋ 구글에서 우편물을 받은 블로그라니 시작이 그렇게 나쁜 것 같지는 않습니다. ▲ 말레이시아에서 받는 분도 많던데 전 베트남에서 왔어요. ▲ 열어보니 PIN 번호가 적혀있습니다. 블로그를 시작한 지 3개월 정도 되었는데 오늘 처음 시작하는 기분이 드네요.^^ 시작합시다!!! 2019. 9. 4. 이전 1 ··· 232 233 234 235 236 237 238 다음
