본문 바로가기

반응형

티스토리

(20)
티스토리 스킨 header에 Scroll Indicator 넣기 안녕하세요. 술도입니다. 조금 전 daum 뉴스를 살펴보다가 스크롤을 하면 header에 Indicator 가 보이길래 알아보다가 아주 쉽게 적용할 수 있는 걸 발견해서 공유합니다. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_scroll_indicator 페이지 접속이 되지 않을 경우 아래를 참고하시기 바랍니다. 티스토리 스킨편집에서 html에 추가할 코드 바로 위에 넣으세요. html 하단의 바로 위에 넣으세요 css에 추가할 코드 .progress-container { width: 100%; height: 8px; background: #ccc; //progress-bar 배경색 } .progress-bar { height: 8px; ..
[애드센스팁]div를 이용한 구글 애드센스 336*280 사이즈 2개 본문 상단에 가운데 정렬하기 우선 이 팁은 이미 많은 분들이 알고 계시는 팁 일수 있다는 점~ 말씀드리며 포스팅하겠습니다.~ 기본적으로 티스토리 본문 상단에 애드센스를 많이들 배치하는데 한개 또는 두개를 배치합니다. 이때 가운데 정렬....참 골치죠....table이나 center 같은 태그를 쓰자니..요즘 잘 안쓰는 추세이고..... (물론 쓰지 말라는 법은 없습니다..^^;;) 그래서 DIV를 이용하여 간단하게 가운데 정렬 시키는 방법을 아주 간단하게 알려드릴게요. 안내를 드리기에 앞서 해당 팁을 적용하기 위해서는 본문 너비가 700px정도는 되어야 가능하다는 점~!참고하세요. 먼저 HTML/CSS 편집 style.css에 아래 코드를 추가 합니다. #ad_center { width: 672px; /* 애드센스 가로크기 x 2 ..
[팁]모바일 티스토리 하단에 고정된 광고(구글 애드센스) 넣기~! 오랜만에 티스토리 팁을 등록합니다. 최근 적용하게 된 팁인데요..모바일 티스토리에 애드센스 많이들 넣으시죠? 보통 상,하단으로 본문에 넣으시더군요. 저도 그렇게 사용해 왔었구요.. 그러다 스크롤을 내려도 하단에 고정시키는 방법이 있을것 같고, 가능할것 같아서 시도해 보았습니다. 역시나 잘 적용이 되더군요~! 기본적으로 저는 포스팅할때 애드센스 적용시 서식을 이용합니다. 간편하니깐요.. 서식사용을 기본으로 간단하게 설명 드리겠습니다. 우선 어떻게 보여지는지 이미지부터 보시죠.(이 글을 스마트폰으로 보시면 직접 확인가능!) 자 그럼 소스를 알려 드리겠습니다..간단하고 쉽습니다... 아래 소스를 본인의 광고코드를 수정하시고 적용하시면 됩니다. 모바일용 구글광고플러그인용 플로팅 포스팅 본문에 html 모드로 삽..
[티스토리팁]페이지가 길때 나타나는 고정된 TOP,MIDDLE,BOTTOM 버튼 넣기 할라당~안녕하세요~! 이팁은 기존의 팁들을 모아서 짬뽕시킨 팁입니다... 블로그를 이용하다 보면 페이지가 짧은 글도 있고... 하루동일 스크롤바를 긁어 내려야 하는 글들도 많습니다... 그리하~~~여~~~!! 만들게 된 것이지요..... 지금 바로 오른쪽에 보이는 그놈입니다.. 제목에도 나와 있듯이 페이지가 길때만 해당 버튼 메뉴들이 나타나고 스크롤바를 따라 다닌답니다...ㅎㅎ 간단하게 적용할수 있도록 쉽게 설명 하겠습니다욧~! 먼저 첫번째 소스인 스타일시트를 관리자 모드 스킨>HTML/CSS편집에서 style.css 암때나... body {어쩌고~} 밑에 정도? 에 넣어줍니다.. /*-- (고정 css) --*/ #scrollmenu { position: fixed; right:0; bottom: 0;..

반응형