Internet91

무료 파일 변환 사이트 PC를 사용하다 보면 파일 변환이 필요할 때가 종종 있는데 저는 그중에서도 ICO 파일 변환이 제일 많이 필요하더라고요. 다른 파일들은 이미 사용 중인 프로그램에서 지원을 하니 아쉬움이 없죠. 블로그에 파비콘 올리기 위해 변환 자료 검색하다가 발견한 사이트인데 프로그램 다운로드할 필요 없이 웹상에서 변환이 가능합니다. 동영상, 음원, 문서 등등 나열하기 힘들 만큼 많은 파일 변환을 지원합니다. 업로드는 내 컴퓨터, 드롭박스, 구글 드라이브, 링크를 지원하고 최대 100MB까지 가능합니다. 영상 메뉴가 이미지 파일이네요. 원본 파일을 지정해줄 필요 없이 등록하면 자동으로 파일을 체크해서 적용됩니다. 한번에 여러 파일을 추가 등록하여 변경할 수 있고 PC 저장이 아닌 구글 드라이브나 드롭박스로 보낼 수도 있.. 2017. 12. 31.
티스토리 블로그 본문 광고 삽입 방법 티스토리 블로그에 구글 애드센스, 클릭 몬, 리얼센스 등의 광고를 본문 상단 또는 하단에 넣는 방법입니다. 광고를 삽입하여 수익이 나기 위해서는 먼저 해당 광고사의 승인을 받아야 하며 국내 기업의 경우 승인이 외국 기업인 애드센스보단 수월합니다. 구글의 경우 3달 동안 2차 승인이 않나는 경우도 있다는군요 -0- 티스토리 블로그 본문 치환자 [\##_article_rep_desc_##] 를 찾아 위 아래로 배치하면 본문 내용 시작 점과 끝에 광고가 나오게 됩니다. 광고 코드 [\##_article_rep_desc_##] 광고 코드 보통 본문 치환자를 감사고 있는 DIV 안쪽에 위치하는데 바깥쪽에 빼놓아도 본문에 광고가 노출됩니다. ... 코트 안에만 있으면 본문에 노출되고 치환자를 기준으로 상하로 나뉩니.. 2014. 11. 1.
HTML pre 태그 태그는 내용을 공백 줄 바꿈 태그 등을 사용하지 않고도 작성한 그대로 표시 되기에 코드 등을 표현할 때 많이 사용합니다. 가다라마바사 아자차가 타 파하 A B CB EFG 위와같이 태그를 입력하고 글을 작성하면 줄 바꿈 등 작성한 내용과 동일하게 출력을 합니다. 가다라마바사 아자차가 타 파하 A B CB EFG &nbsp 등의 태그를 사용하지 않고도 작성한 대로 표현됩니다. $(document).ready(function(){ $(".jtoggle .btn").click(function(){ $(".jtoggle ul").toggle(); }); }); 제이쿼리 토글 버튼 소스로 위와 같이 작성 내용 그대로 보여주기 때문에 소스 코드 표현에 매우 유용하게 사용됩니다. 2014. 10. 29.
티스토리 방문자 통계 그래프 티스토리 블로그 스킨들은 플러그인을 사용하지 않고 치환자를 이용하여 숫자로 전체, 어제, 오늘의 카운터를 사이드바 등에 표현합니다. 사이드바에 카운터를 많이 다는 것은 스킨 수정 없이 관리메뉴에서 쉽게 표시하거나 제거할 수 있기 때문입니다. 이를 심심한 숫자 카운터를 방문자 그래프 플러그인를 사용하여 블로그에 그래프 카운터로 꾸미기가 가능합니다. 방문자 그래프를 사용하기 위해선 관리 페이지에서 통계 그래프를 활성화 하여야 카운터를 사용할 수 있습니다. 플러그인이 활성화 되면 사이드바 설정 페이지로 이동하고 플러스 버튼이나 드래그로 사이드바에 적용하여 사용 가능하고 [\##_StatisticsGraph_##] 치환자를 이용해 코드 등을 추가하여 헤더 등 원하는 위치에 사용도 가능 합니다. 다른 방법으로는 .. 2014. 10. 22.
목록 이동 a 태그 긴 글 작성 시 소제목으로 글을 분류하여 작성을 하고 a 태그로 목차를 만들어 클릭을 하면 해당 제목으로 바로 이동하는 방법입니다. 1. 첫 번째 글 2. 두 번째 글 3. 세 번째 글 4. 네 번째 글 첫 번째 글 두 번째 글 세 번째 글 네 번째 글 ▲ TOP 이동할 곳에 ID를 지정하고 링크 태그에 아이디 이름을 적어 주면 됩니다. 아이디가 존재하는 태그라면 기존 아이를 적으면 되옵니다. 단순 탑버튼을 만들 때는 하이퍼링크에 # 만 적어주면 클릭시 웹 최상단으로 이동 합니다. 1. 첫 번째 글 2. 두 번째 글 3. 세 번째 글 4. 네 번째 글 첫 번째 두 번째 글 세 번째 글 네 번째 글 ▲ TOP 2014. 10. 19.
제이쿼리 스크롤 상단 메뉴 고정 웹사이트의 메뉴바가 평소에는 원래 위치에 있다가 스크롤을 하여 메뉴가 올라갈 때 메뉴를 상단에 고정시켜주는 jQuery 소스입니다. 메뉴 바에는 대부분의 블로그나 사이트의 중요 링크가 되어있어 스크롤 중에도 메뉴 클릭이 용이하여 방문자의 체류 시간을 늘리는데 도움이 되고 방문객에게 사이트 이동이 쉬워지기 때문에 운영자나 방문객 모두에 도움이 됩니다. 상단에 고정 시킬 기존 메뉴 코드에 div 코드를 한번 더 적용합니다. DIV 클래스명 blogmenu 메뉴이고 menuWrap 가 제이쿼리를 적용하여 메뉴를 들어 올리기 위해 한번 더 적용한 것입니다. var nav = $('.menuWrap'); 에 상단 고정 메뉴 적용을 위해 한번 더 적용한 DIV 클래스명을 적어 줍니다. float-menu는 스크롤을.. 2014. 10. 18.
구글 이미지 검색으로 정보 찾기 이미지가 있는데 그 이미지 대하여 알고 싶거나 관련 자료를 찾고 싶을 때 지식인이나 포털 사이트 등에 자료를 올려 물어보지 않고 구글 이미지 검색을 이용하면 쉽게 찾을 수 있습니다. 예로 자동차 사진이나 연예인 사진을 이미지 검색 하게 되면 뉴스, 블로그, 사이트 등의 비슷한 사진 또는 자료들을 나열하여 정보를 얻을 수 있도록 도와줍니다. https://www.google.co.kr 첫 페이지에서 상단에 이미지 글을 클릭하여 이미지 검색 모드로 전환 합니다. 이미지 모드로 전환 되면 검색창에 사진기 아이콘이 생기고 클릭하여 사진을 올리거나 탐색기에서 바로 드래그하여 검색합니다. 탐색기에서 정보가 필요한 이미지를 끌어서 놓으면 검색을 시작합니다. 크롬이나 파이어폭스에서는 잘되는데 익스플로러에서는 드래그앤드.. 2014. 10. 17.
CSS Links 웹페이지에서 a 태그 링크가 걸릴 경우 글자, 배경색을 다르게 하여 방문자에게 링크가 있음을 알리고 반응하는 코드 입니다. a:link { color:#00456a; text-decoration:none; } a:visited { color:#00456a; text-decoration:none; } a:hover { color:#006ca6; text-decoration:underline; } a:active { color:#006ca6; text-decoration:none; } Link에 글자색을 바꾸고 밑줄을 없애고 hover 마우스를 올릴 경우 색을 바꾸며 밑줄을 표시하는 속성입니다. visited는 한번 클릭한 링크이며 active는 클릭하는 순간 이펙트 입니다. 이 코드들은 a 태그 이외에도 .. 2014. 10. 15.
폭 795px 이하에서 애드센스 맞춤 검색 결과 적용하기(CSE) 구글 애드센스의 맞춤 검색을 사용할 경우 검색 결과를 전체 페이지나 새창 혹은 본문 폭이 800px 정도를 가진다면 별무리 없이 구글 검색을 사용하지만 본문 폭이 795px 이하의 사이트에서 전체 창이나 새 창이 아닌 레이아웃에서 검색 결과를 보여주고 할 때 고급 CSE를 이용하여 사이즈 제한 없이 사용할 수가 있습니다. 맞춤 검색 설정시에 내 웹 사이트에 iFrame 사용으로 할 경우 795가 최소 폭으로 그 이하 폭으로 줄일 수가 없습니다. 그러나 더 많은 고급검색 기능 이용하기를 클릭하면 구글 맞춤 검색 고급 설정 페이지로 이동하고 코드를 발급 받아 적용하면 페이지 폭에 관련 없이 적용됩니다. 검색결과 표시 URL 설정해주면 CSE 설정시에 편합니다. 티스토리의 경우 http://블로그.tistor.. 2014. 10. 15.
스크롤 내리면 나타나는 제이쿼리 탑버튼 블로그나 사이트에 장문을 글을 읽을 때 스크롤이 많이 내려갔는데 다른 메뉴를 이용하기 위해 스크롤을 키보드의 Home키로 한 번에 올릴 수도 있지만 마우스를 클릭하여 한번에 사이트 탑 위치로 이동하는 jQuery 소스입니다. 탑버튼을 사용하기 위해서 jquery.min.js 설치되어 있어야 하고 탑 버튼 소스는 위 코드보다 아래에 있어야만 정상 작동됩니다. [RETURN TOP ] 제이쿼리 소스는 에 넣고 a 태그는 다른 곳에 따로따로 배치해도 되고 position:fixed;로 브라우저를 위치 잡기 때문에 두 코드를 같이 등 어느 위치에 넣더라고 적용이 됩니다. 2014. 10. 14.
블로그 지수/랭킹 확인 사이트 블로그차트 [Blog Chart] 블로그 차트는 가입 없이 주소만으로 블로그 랭킹 조회가 가능하고 가입을 하면 자신의 블로그와 관심 블로그를 비교할 수 있는 추이도 그래프를 지원하며, 차트 위젯도 발급받아 자신의 블로그에 달아 랭킹을 보여 주므로 신뢰도를 쌓을 수도 있습니다. 1730의 블로그는 칠백 칠십만 블로그 중에 215,736위로군요. 기뻐해야 일인지ㅎㅎ 블로그 차트는 블로그의 노출 빈도, 인지도, 활동성, 영향력 등을 종합 평가하여 랭킹을 반영한다고 합니다. 회원 가입은 운영중인 블로그가 있어야 계정 생성이 가능하며, 마이차트나 차트위젯을 만들 수 있습니다. 티스토리 블로그는 인증글을 발행으로 하여야만 인증이 가능합니다. 블로그 차트에 가입을 하면 차트위젯을 제공하는데 블로그 등급은 블로그 마스터, 탑1000, 상위 1%, 굿 .. 2014. 10. 7.
블로그 공유버튼 만들기 쉐어홀릭 [Shareaholic] SNS 등에 관심글이나 이슈글을 공유 할 때 방문자가 링크를 걸기 쉽게 하기 위해 각 SNS 에서는 공유 버튼을 지원하고 있지만 크기와 모양,디자인이 일관성이 없고 각 사이트의 특색을 살리기 때문에 운영중인 블로그나 사이트에 미관 상 좋지 않아 일관성 있고 설치가 쉬운 공유 버튼을 지원하는 사이트가 많은데 그중 한 사이드인 Shareaholic 에서 지원하는 공유 버튼입니다. 쉐어홀릭은 공유버튼, 관련글, 분석 등의 기능을 지원하며, 소스코드를 적용하고 디자인을 변경하여도 코드 변경 없이 변경된 디자인이 적용 되어 위치 변경이 아니면 적용한 코드를 추가 변경할 필요가 없습니다. 사이트가기 기본 디자인의 공유 버튼과 관련글 입니다. 가입하지 않고 공유버튼 생성 단계를 진행 할 수 있지만 사이트 가입을 해야.. 2014. 10. 3.

티스토리툴바