본문 바로가기

WEB_TECH/웹개발TIP

블로그에서 태그로 키워드 숨겨놓는 방법 블로그 직업적으로 하는 분들이 사용하는 방법인데요상위노출을 위해서 팔고자 하는 제품을 블로그안에 키워드로 숨겨놓는 방법입니다.이렇게 하면 눈으로 보여지는 글에는 제품명이 없어서 순수한 정보성 글처럼 보이게 되죠.꽤 유용한 방법이니 네이버 블로그 하시는 분은 써 보시기 바랍니다. 화면에 보이지 않는 글을 여기에 써 주세요 다음 예제를 보겠습니다. 다이어트, 다이어트 가격, 다이어트 성공담 이렇게 키워드를 활용하여 마케팅하기에 좋은 방법이었습니다. 좋은 정보였다고 생각되면 공감버튼 꾹 눌러주세요. 더보기
웹페이지 전환 - 포워딩과 리다이렉트 구현하는 방법 웹페이지를 전환하는 방법은 여러가지 방법이 있습니다.포워딩이라고도 하고 리다이렉트라고도 하는 것이 있는데 기능은 비슷한 것 같으면서도 서로 다릅니다. 포워딩은 내 페이지를 보여주지 않고 다른 곳으로 보내주며 변수값을 이동할 페이지에 전달가능합니다. 리다이렉트는 페이지에 왔다가 보내는 기능만 합니다.자바스크립트의 location 객체를 사용하면 쓸 수 있습니다. 더보기
[SNS연동]google+ 버튼 추가하기 google+ 버튼을 달아두면 다른 사람에게 홍보도 되고 구글플러스의 인맥들이 유입되어서 블로그의 트래픽을 증가시키는 효과를 가져올 수 있습니다.다음 경로로 가면 코드를 생성해 줍니다. https://developers.google.com/+/web/+1button/?hl=ko 이렇게 생성된 코드를 블로그에 붙여 보겠습니다.글쓰기 모드에서 HTML선택하고 원하는 곳에 복사한 소스를 붙여넣기 합니다.결과는 다음과 같습니다.↓ 더보기
텍스트박스안의 글자를 클립보드로 복사하는 자바스크립트 자바스크립트로 텍스트박스안의 글자를 클립보드로 복사하는 방법을 알아보겠습니다.다음의 예제를 보시죠. 이 내용이 복사됩니다.http://www.przzang.com 위의 소스는 IE에서는 실행되지만 크롬이나 파이어폭스에서는 실행되지 않습니다. 다른 예제를 보겠습니다.이렇게 프롬프트 창을 별도로 띄워서 복사할 수 있도록 처리됐네요. 이 글의 트랙백 주소 복사하기 : aaaaaaaaa 더보기
북마크 추가하는 스크립트 즐겨찾기 추가 더보기
iscroll로 carousel구현 carousel은 인디케이터가 달린 멋진 네비게이션 입니다.iscroll로 carousel을 구현할 수 있는데 그 방법은 정말 심플하네요. 1. A robot may not injure a human being or, through inaction, allow a human being to come to harm.2. A robot must obey any orders given to it by human beings, except where such orders would conflict with the First Law.3. A robot must protect its own existence as long as such protection does not conflict with the First .. 더보기
iscroll을 사용하여 모바일웹 내부에 스크롤 만들기 iScroll은 스마트폰에서 화면의 우측에 브라우저 스크롤을 매우 작고 유려하게 표현되도록 만들어진 자바스크립트 라이브러리 입니다. 사용방법은 다음과 같습니다. iScrollPretty row 1Pretty row 2Pretty row 3Pretty row 4Pretty row 5Pretty row 6Pretty row 7Pretty row 8Pretty row 9Pretty row 10Pretty row 11Pretty row 12Pretty row 13Pretty row 14Pretty row 15Pretty row 16Pretty row 17Pretty row 18Pretty row 19Pretty row 20Pretty row 21Pretty row 22Pretty row 23Pretty row .. 더보기
웹페이지에 네이버지도 표시하는 방법 웹페이지에 네이버지도를 넣을 수 있습니다. https://dev.naver.com/openapi/register 이곳에 가서 지도 API인증키를 발급받아야 합니다. 그다음 아래경로로 가서 예제소스를 퍼옵니다.http://dev.naver.com/openapi/apis/map/javascript_2_0/example 여러가지 예제중 적당한 것을 골라서 퍼옵니다. 그다음 사용하고자 하는 주소의 경도와 위도를 얻어냅니다.지도는 주소로 표시되지 않고 코드에 위도와 경도값을 넣어줘야 합니다. http://openapi.map.naver.com/api/geocode.php?key=4e875208b896d36c2d3d4fd4b695b225&encoding=euc-kr&coord=LatLng&query=서울시 서초구 .. 더보기
[SNS연동] 내 웹페이지에 facebook 좋아요 버튼 달기 지금 게시하는 내용은 웹페이지와 facebook이 연결되는 아주 멋진 기능입니다. 처음 facebook을 사용할 때 좋아요 버튼을 보면 저게 뭔가 하는 생각이 들었었는데 써보니 중독성이 있더군요. 아마 facebook에서 가장 많이 클릭하는 버튼이 아닐까 싶습니다. 전에는 공유하기 기능을 사용할 수 있었는데 facebook의 정책상의 이유로 막았네요. facebook의 여러가지 기능들은 공부해 볼 만한 가치가 있는 것 같습니다. 어쨌든 좋아요 버튼을 내 웹페이지에서 사용하는 방법은 아주 간단합니다. 아래 경로로 갑니다. https://developers.facebook.com/docs/reference/plugins/like/ 페이지 중간쯤가면 이렇게 코드를 생성할 수 있는 폼이 나옵니다. URL to .. 더보기
[SNS연동] 웹페이지에 tweet버튼 달기 요즘은 SNS의 시대인것 같습니다. SNS를 사용하면 정보의 확산속도도 빠르고 좋은 홍보수단이 될 수 있습니다. 대표적인 것으로 twitter와 facebook이 있습니다. 우리나라 것으로는 카카오톡이 가장 대표적인 SNS라 하겠습니다. 자 그럼 내 웹페이지가 twitter와 연동되도록 웹페이지에 twitter버튼을 달아보도록 하겠습니다. 다음 링크로 갑니다. https://twitter.com/about/resources/buttons#tweet 이런 화면이 나오죠. 링크공유하기 버튼을 선택하구요. URL은 내가 사용하고자 하는 경로를 입력해 줍니다. 트윗문구는 페이지제목으로 하면 태그의 값이 출력이 됩니다. 아래버튼을 체크하면 원하는 문구를 넣을 수도 있습니다. 갯수보이기 체크하구요. 출처는 자기 트.. 더보기