인터넷/티스토리 꾸미기
-
잘 모르지만 티스토리를 왜 떠나고 욕을 하는거야? 이런 일이 일어난지는 꽤 된 이야기이고 지금도 티스토리를 떠나는 유저들이 많은 상황입니다. 알고 계시는 분들을 뒤로가기 해주시면 되겠고 아직도 모르겠다! 하시는 분들은 봐주시면 쉽게 이해하실 수 있습니다. 내용 자체는 별거(?) 아닌거든요. 다만 그게 유저들에게 크리티컬한 내용이라서 그렇지.. 이 모든 건 돈 때문… 수익형 블로그.. 그러니까 내 블로그에 구글 애드센스를 달고 있다라면 이 문제는 큽니다. 그런 블로그에 티스토리에서 유저들의 동의 없이 무단으로 최상단 또는 최하단에 광고를 집어 넣겠다고 선언 했기 때문이죠. 그래서 아직 애드센스를 달지 않았거나 달았지만 방문자 수가 좀 적은 분들은 체감이 안되서 무슨일인가 싶기도 하실것 같습니다. 하지만 기..
티스토리 광고!? 무슨일이야?잘 모르지만 티스토리를 왜 떠나고 욕을 하는거야? 이런 일이 일어난지는 꽤 된 이야기이고 지금도 티스토리를 떠나는 유저들이 많은 상황입니다. 알고 계시는 분들을 뒤로가기 해주시면 되겠고 아직도 모르겠다! 하시는 분들은 봐주시면 쉽게 이해하실 수 있습니다. 내용 자체는 별거(?) 아닌거든요. 다만 그게 유저들에게 크리티컬한 내용이라서 그렇지.. 이 모든 건 돈 때문… 수익형 블로그.. 그러니까 내 블로그에 구글 애드센스를 달고 있다라면 이 문제는 큽니다. 그런 블로그에 티스토리에서 유저들의 동의 없이 무단으로 최상단 또는 최하단에 광고를 집어 넣겠다고 선언 했기 때문이죠. 그래서 아직 애드센스를 달지 않았거나 달았지만 방문자 수가 좀 적은 분들은 체감이 안되서 무슨일인가 싶기도 하실것 같습니다. 하지만 기..
2024.01.10 -
과거에 티스토리에서 제공하는 스킨 추천을 골라서 추천해드린적이 있는데 이번에는 유저가 직접 만든! 커스터 마이징을 한 티스토리 유저 무료스킨을 추천해 드릴려고 합니다! : ) 유저가 만든 스킨이기에 버그&업데이트 유무에 문제가 있을 수 있습니다! 스킨 원작자의 블로그를 주기적으로 방문하여 확인해야 합니다! 트리플엑스랩 이게 무료스킨 입니다. 이전까지는 hELLO의 압도적인 무료스킨 탑이 었다면 조금 이야기를 바꿔야 될 것 같습니다. 트리플엑스랩 스킨을 한번 써보시길 추천드립니다. 거의 완성형이긴 하나 여전히 버그 픽스를 하며 수정 보완하는 스킨입니다. 물론 스킨은 자신이 어떤 컨텐츠를 하느냐에 따르는데 일상용 블로그라면 조금 아쉬울 수 있습니다. 트리플엑스랩 보러가기 hELLO 사실상 현재 존재하는 무료..
티스토리 스킨 뭐쓸까? (유저편)과거에 티스토리에서 제공하는 스킨 추천을 골라서 추천해드린적이 있는데 이번에는 유저가 직접 만든! 커스터 마이징을 한 티스토리 유저 무료스킨을 추천해 드릴려고 합니다! : ) 유저가 만든 스킨이기에 버그&업데이트 유무에 문제가 있을 수 있습니다! 스킨 원작자의 블로그를 주기적으로 방문하여 확인해야 합니다! 트리플엑스랩 이게 무료스킨 입니다. 이전까지는 hELLO의 압도적인 무료스킨 탑이 었다면 조금 이야기를 바꿔야 될 것 같습니다. 트리플엑스랩 스킨을 한번 써보시길 추천드립니다. 거의 완성형이긴 하나 여전히 버그 픽스를 하며 수정 보완하는 스킨입니다. 물론 스킨은 자신이 어떤 컨텐츠를 하느냐에 따르는데 일상용 블로그라면 조금 아쉬울 수 있습니다. 트리플엑스랩 보러가기 hELLO 사실상 현재 존재하는 무료..
2022.09.23 -
구글애드센스? 쿠팡파트너스! 블로그를 운영하면서 작지만 돈을 벌어보고 싶으신 분 많으시죠?(큰 돈 벌고 싶으시겠지만…) 다 아시겠지만 보통 많은 분들은 구글 애드센스를 많이 사용하고 있습니다. 저 역시 그렇구요. 구글 애드센스로 제가 얼마를 버냐면 처음공개를 이렇게 하네요! 1년에 10만원 정도 버는 것 같습니다. 한달 아니예요 1년 입니다. :) 그런데 쿠팡 파트너스라고 해서 구글애드센스도 하면서도 쿠팡 파트너스 광고도 달아보시는 것도 조심스럽게 추천해볼려고 블로깅을 해봐요 :) 구글 애드센스가 어려우신 분들은 대체제로 충분히 괜찮을 것 같아요! 또는 섞어서 사용하는것도 괜찮겠구요! 쿠팡 파트너스 바로가기 장점 1. 가입이 빠르고 쉽습니다! 가입 후 바로 파트너스로 활동이 가능하다고 보면 돼요!😀 2...
쿠팡 파트너스구글애드센스? 쿠팡파트너스! 블로그를 운영하면서 작지만 돈을 벌어보고 싶으신 분 많으시죠?(큰 돈 벌고 싶으시겠지만…) 다 아시겠지만 보통 많은 분들은 구글 애드센스를 많이 사용하고 있습니다. 저 역시 그렇구요. 구글 애드센스로 제가 얼마를 버냐면 처음공개를 이렇게 하네요! 1년에 10만원 정도 버는 것 같습니다. 한달 아니예요 1년 입니다. :) 그런데 쿠팡 파트너스라고 해서 구글애드센스도 하면서도 쿠팡 파트너스 광고도 달아보시는 것도 조심스럽게 추천해볼려고 블로깅을 해봐요 :) 구글 애드센스가 어려우신 분들은 대체제로 충분히 괜찮을 것 같아요! 또는 섞어서 사용하는것도 괜찮겠구요! 쿠팡 파트너스 바로가기 장점 1. 가입이 빠르고 쉽습니다! 가입 후 바로 파트너스로 활동이 가능하다고 보면 돼요!😀 2...
2020.10.23 -
티스토리 파일첨부 박스를 꾸며보자! 티스토리에서 파일을 첨부할 경우 보통 블로그 하단에 첨부파일 표시로 다운로드 할 수 있도록 되어 있죠! 그런데 이 부분이 조금 아쉬워 하시는 분들이 있을 수 있습니다! 나의 블로그의 컨셉과 어울리지 않는 경우 말이죠. 적어도 마우스를 가져다 대면 불이라도 들어오면 좋을텐데 하실 분들도 계실거라 생각합니다 :) 그래서 간단하게 모양 부터 변경하는 법을 알아보죠! 제가 하는게 정답은 아닙니다! 이것저것 건드려보다보니 알게 된거라서 저의 개인 경험을 토대로 알려드리는 부분입니다! CSS CODE figure.fileblock { border:1px solid #6a6161 !important; background-color:#b3aaaa !important; border-r..
파일첨부 박스 꾸미기티스토리 파일첨부 박스를 꾸며보자! 티스토리에서 파일을 첨부할 경우 보통 블로그 하단에 첨부파일 표시로 다운로드 할 수 있도록 되어 있죠! 그런데 이 부분이 조금 아쉬워 하시는 분들이 있을 수 있습니다! 나의 블로그의 컨셉과 어울리지 않는 경우 말이죠. 적어도 마우스를 가져다 대면 불이라도 들어오면 좋을텐데 하실 분들도 계실거라 생각합니다 :) 그래서 간단하게 모양 부터 변경하는 법을 알아보죠! 제가 하는게 정답은 아닙니다! 이것저것 건드려보다보니 알게 된거라서 저의 개인 경험을 토대로 알려드리는 부분입니다! CSS CODE figure.fileblock { border:1px solid #6a6161 !important; background-color:#b3aaaa !important; border-r..
2020.08.09 -
이미지를 통통 튕겨봅시다! 제 블로그에 보면 좌측 하단에 캐릭터가 통통 튕기는 모습을 보실수 있죠!? 이번에는 요고를 한번 알려드리도록 하겠습니다. 늘 말씀드리지만 최소의 노력을 최대의 효과를 올리는 팁이기 때문에 어려워 하실필요 없습니다! 지금까지의 저의 팁들을 따라하셨다면 이건 뭐 눈감고도 하실거에요! :) [ 플로팅 이미지 코드와 비슷한 효과입니다 ] CSS CODE .tongtong_img {position:fixed; bottom:-20px; left:0px; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate;} @keyframes bounce { from { transform: tran..
이미지 바운스 & 랜덤 이미지이미지를 통통 튕겨봅시다! 제 블로그에 보면 좌측 하단에 캐릭터가 통통 튕기는 모습을 보실수 있죠!? 이번에는 요고를 한번 알려드리도록 하겠습니다. 늘 말씀드리지만 최소의 노력을 최대의 효과를 올리는 팁이기 때문에 어려워 하실필요 없습니다! 지금까지의 저의 팁들을 따라하셨다면 이건 뭐 눈감고도 하실거에요! :) [ 플로팅 이미지 코드와 비슷한 효과입니다 ] CSS CODE .tongtong_img {position:fixed; bottom:-20px; left:0px; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate;} @keyframes bounce { from { transform: tran..
2020.05.26 -
최근에 블로그 스킨을 바꾸면서 또 저만의 스타일로 조금씩 바꿔보고 있는데요. 저도 스킨을 사실상 나눔을 받아 사용하는데 나도 나눠야 겠다! 싶어서 블로그에 보통 특정한 점을 강조하거나 할때 사용하는 라벨을 공유해볼려고 합니다 :) 라벨은 CSS로 되어 있어서 자신이 원하는 컬러코드를 입력해서 사용하셔도 됩니다! 여기에 사용된 아이콘 같은 경우 28x32 사이즈이므로 개별 작업하셔서 넣으시면 제대로 작동할겁니다 :) 라벨 예제 풍부하게 새가 천지는 뼈 심장의 그들은 충분히 얼음이 피다. 생의 능히 그림자는 그들의 귀는 같으며, 청춘을 이상은 원대하고, 있는가? GWD / WEWEB.TISTORY.COM CSS CODE custom_box check CSS CODE custom_box no CSS CODE ..
컨텐츠 라벨 4종 CSS최근에 블로그 스킨을 바꾸면서 또 저만의 스타일로 조금씩 바꿔보고 있는데요. 저도 스킨을 사실상 나눔을 받아 사용하는데 나도 나눠야 겠다! 싶어서 블로그에 보통 특정한 점을 강조하거나 할때 사용하는 라벨을 공유해볼려고 합니다 :) 라벨은 CSS로 되어 있어서 자신이 원하는 컬러코드를 입력해서 사용하셔도 됩니다! 여기에 사용된 아이콘 같은 경우 28x32 사이즈이므로 개별 작업하셔서 넣으시면 제대로 작동할겁니다 :) 라벨 예제 풍부하게 새가 천지는 뼈 심장의 그들은 충분히 얼음이 피다. 생의 능히 그림자는 그들의 귀는 같으며, 청춘을 이상은 원대하고, 있는가? GWD / WEWEB.TISTORY.COM CSS CODE custom_box check CSS CODE custom_box no CSS CODE ..
2020.02.11 -
컨텐츠 이미지에 라운드를 줘보자! 티스토리에 이미지를 올릴때 라운드를 주어 이미지를 좀더 부드럽게 보이게 하는 방법을 포스팅 해볼려고 합니다 ^-^; 어쩌면 "포토샵으로 하면 되는거 아니야?" 할 수 있는데 매번 번거롭고 CSS로 충분히 커버가 가능하며 효율적이므로 이제 이렇게 한번 사용해보시길 바랍니다! CSS 입력 .imageblock img {border-radius:15px;} 라운딩의 크기는 border-radius의 수치를 변경해 가며 원하는 라운딩 사이즈를 찾으시면 될 것 같아요. 참. 쉽죠? ^-^ 궁금하신 점이 있으시면 댓글 남겨주시면 답변해드리도록 하겠습니다! 조금 더 참고 할만한 CSS
컨텐츠 이미지 라운딩컨텐츠 이미지에 라운드를 줘보자! 티스토리에 이미지를 올릴때 라운드를 주어 이미지를 좀더 부드럽게 보이게 하는 방법을 포스팅 해볼려고 합니다 ^-^; 어쩌면 "포토샵으로 하면 되는거 아니야?" 할 수 있는데 매번 번거롭고 CSS로 충분히 커버가 가능하며 효율적이므로 이제 이렇게 한번 사용해보시길 바랍니다! CSS 입력 .imageblock img {border-radius:15px;} 라운딩의 크기는 border-radius의 수치를 변경해 가며 원하는 라운딩 사이즈를 찾으시면 될 것 같아요. 참. 쉽죠? ^-^ 궁금하신 점이 있으시면 댓글 남겨주시면 답변해드리도록 하겠습니다! 조금 더 참고 할만한 CSS
2019.09.17 -
어느 곳을 클릭 할 때마다 효과를! 사람마다 인터넷을 이용할때 습관이 다 다르겠지만 글을 읽을 때 드래그 하는 스타일 이라던가 클릭하면서 본다던가 말이다. 그런 유저들 그리고 사이트 컨셉에 따라서 마우스 클릭시 효과를 주어서 생동감 있게 만들어주는 방법을 알려드리도록 하겠다. 생각보다 매우 쉬우니 가볍게 컨트롤 C 컨트롤 V로 효과를 만들어보도록 하자. 출처 사이트 : https://fdossena.com/?p=html5cool/clickfx/i.frag CSS 코드 HTML 편집 - CSS 탭 - 아래 코드를 복붙 하면 끝. div.clickEffect{ position:fixed; box-sizing:border-box; border-style:solid; border-color:#000000; bo..
마우스 클릭 효과어느 곳을 클릭 할 때마다 효과를! 사람마다 인터넷을 이용할때 습관이 다 다르겠지만 글을 읽을 때 드래그 하는 스타일 이라던가 클릭하면서 본다던가 말이다. 그런 유저들 그리고 사이트 컨셉에 따라서 마우스 클릭시 효과를 주어서 생동감 있게 만들어주는 방법을 알려드리도록 하겠다. 생각보다 매우 쉬우니 가볍게 컨트롤 C 컨트롤 V로 효과를 만들어보도록 하자. 출처 사이트 : https://fdossena.com/?p=html5cool/clickfx/i.frag CSS 코드 HTML 편집 - CSS 탭 - 아래 코드를 복붙 하면 끝. div.clickEffect{ position:fixed; box-sizing:border-box; border-style:solid; border-color:#000000; bo..
2019.05.16 -
클릭 한번에 위로 스르륵 올라가는 스크롤링 생각보다 늦게 업데이트를 하는거 같은 블로깅이다. 사실 책갈피 태그 또는 넷갈피 태그라고 해서 a name 태그를 통해서 자신의 원하는 위치로 바로 찾아가게 만드는 태그로 할 수 있다. 마치 순간이동 처럼 말이다. 그러나 이번에는 스크립트를 통해 "스르륵" 부드럽게 스크롤링 하여 상단으로 올려주는 방법을 소개하려 한다. (필자의 블로그의 우측하단의 화살표 버튼과 같은 효과를 소개한다) 역시 어렵지 않으니 도전해보시기를 권장한다. 우선 TOP으로 올릴 아이콘을 구하거나 직접 만들어보도록 하자. 보통은 자신의 사이트의 분위기에 맞게 직접 작업한 이미지를 추천하지만 어렵다면 무료이미지 사이트에서 쓸만한 것들을 찾으면 되겠다. 그것마저 귀찮으신 분들을 위해 필자가 작업..
TOP 스크롤링클릭 한번에 위로 스르륵 올라가는 스크롤링 생각보다 늦게 업데이트를 하는거 같은 블로깅이다. 사실 책갈피 태그 또는 넷갈피 태그라고 해서 a name 태그를 통해서 자신의 원하는 위치로 바로 찾아가게 만드는 태그로 할 수 있다. 마치 순간이동 처럼 말이다. 그러나 이번에는 스크립트를 통해 "스르륵" 부드럽게 스크롤링 하여 상단으로 올려주는 방법을 소개하려 한다. (필자의 블로그의 우측하단의 화살표 버튼과 같은 효과를 소개한다) 역시 어렵지 않으니 도전해보시기를 권장한다. 우선 TOP으로 올릴 아이콘을 구하거나 직접 만들어보도록 하자. 보통은 자신의 사이트의 분위기에 맞게 직접 작업한 이미지를 추천하지만 어렵다면 무료이미지 사이트에서 쓸만한 것들을 찾으면 되겠다. 그것마저 귀찮으신 분들을 위해 필자가 작업..
2018.12.01 -
고민되는 스킨선택 블로그를 시작할때 기본적으로 어떤 것을 블로깅을 하고 가꿔나갈지 충분히 고민하고 시작하는 것이 좋다. 그냥 아무거나 해보자 라는 식의 블로그는 오래가지도 못하고 스스로 지쳐 금방 접기 마련이다. 그리고 자신의 주제에 맞는 블로그 스킨을 고르는 것 또한 아주 중요하다. 내가 쓴 정보들을 잘 전달해주는 역활을 하는 스킨! 이번에는 많은 분들이 고민하고 있는 스킨 선택에 대해서 웹디자이너가 보는 적절한 선택에 대해서 정리하고자 한다. 블로그를 시작하는 분들에게 조금이나마 참고가 되길 바라며 블로깅을 시작한다. 참고로 이번 블로깅은 온전히 티스토리에서만 제공하는 스킨으로만 추천해드리며 추후 기회가 된다면 유저무료배포, 유료배포 등으로 나눠서도 한번 추천해보도록 하겠다. 브랜드 사이트 & 전문(..
티스토리 스킨 뭐쓸까? (공식편)고민되는 스킨선택 블로그를 시작할때 기본적으로 어떤 것을 블로깅을 하고 가꿔나갈지 충분히 고민하고 시작하는 것이 좋다. 그냥 아무거나 해보자 라는 식의 블로그는 오래가지도 못하고 스스로 지쳐 금방 접기 마련이다. 그리고 자신의 주제에 맞는 블로그 스킨을 고르는 것 또한 아주 중요하다. 내가 쓴 정보들을 잘 전달해주는 역활을 하는 스킨! 이번에는 많은 분들이 고민하고 있는 스킨 선택에 대해서 웹디자이너가 보는 적절한 선택에 대해서 정리하고자 한다. 블로그를 시작하는 분들에게 조금이나마 참고가 되길 바라며 블로깅을 시작한다. 참고로 이번 블로깅은 온전히 티스토리에서만 제공하는 스킨으로만 추천해드리며 추후 기회가 된다면 유저무료배포, 유료배포 등으로 나눠서도 한번 추천해보도록 하겠다. 브랜드 사이트 & 전문(..
2018.11.16 -
스크롤바를 최상단 고정하기 인디케이터(Indicator)? 인디케이터가 무엇이냐? 하면 사전으로는 이렇다. (일의 현황·사정 변화 등을 나타내는) 지표. 그렇다 지금 필자의 블로그에 적용된 상단에 스크롤을 하면 상단에 게이지가 쌓이며 어느정도 스크롤링이 됬는지 보여지는 것이다.(물론 메뉴에도 쓰이고 다양하게 쓰인다) 스크롤바가 있는데 이게 굳이 왜 필요하느냐? 그렇다 굳이는 필요 없다. 그러나 꾸미기에 관심이 있는 분들에게 혹(?)할만한 아이템이라고 생각해서 블로깅을 하는 것이다. 따지고 보면 꾸미기 상관없이 그냥 블로깅을 해도 된다. 이것은 자기만족이라고 할 수 있다. 좀 깊이 들어가면 UX나 UI적으로는 충분히 쓸만한 아이템이라 생각한다. 과하지만 않는다면 말이다. 최근 사이트들이 많이 사용중이기도(..
스크롤 인디케이터 만들기스크롤바를 최상단 고정하기 인디케이터(Indicator)? 인디케이터가 무엇이냐? 하면 사전으로는 이렇다. (일의 현황·사정 변화 등을 나타내는) 지표. 그렇다 지금 필자의 블로그에 적용된 상단에 스크롤을 하면 상단에 게이지가 쌓이며 어느정도 스크롤링이 됬는지 보여지는 것이다.(물론 메뉴에도 쓰이고 다양하게 쓰인다) 스크롤바가 있는데 이게 굳이 왜 필요하느냐? 그렇다 굳이는 필요 없다. 그러나 꾸미기에 관심이 있는 분들에게 혹(?)할만한 아이템이라고 생각해서 블로깅을 하는 것이다. 따지고 보면 꾸미기 상관없이 그냥 블로깅을 해도 된다. 이것은 자기만족이라고 할 수 있다. 좀 깊이 들어가면 UX나 UI적으로는 충분히 쓸만한 아이템이라 생각한다. 과하지만 않는다면 말이다. 최근 사이트들이 많이 사용중이기도(..
2018.10.26 -
게시글 리스트에 NEW 아이콘을 변경하자! 최근 카테고리의 NEW 아이콘은 변경되었지만 리스트에 NEW 아이콘 변경이 안되서 물어보시는 분들이 있어 블로깅을 한다. 필자는 리스트에 NEW 아이콘이 원래 없는 방식이라 생각을 못했는데 Square(반응형) 스킨을 사용하시는 분들에게 도움이 될만한 정보라고 생각한다. 다른 분들도 사실 요청이 있었는데 필자가 확인해볼수 없는 스킨이라 이번 블로깅을 잘 참고하면 충분히 하실 수 있지 않을까(…) 생각한다. 우선 카테고리의 NEW 아이콘이 변경되지 않았다면 링크를 타고 선행작업을 먼저 하시고 오시길 추천한다. 꼭 먼저 보고 오시길! 이쪽으로 카테고리 NEW 아이콘을 보고 왔다면 그렇다면 /body 위에 코드를 그대로 입력하면 끝! 리스트 NEW 아이콘 변경 코드 ..
티스토리 게시글(리스트) NEW 아이콘 변경!게시글 리스트에 NEW 아이콘을 변경하자! 최근 카테고리의 NEW 아이콘은 변경되었지만 리스트에 NEW 아이콘 변경이 안되서 물어보시는 분들이 있어 블로깅을 한다. 필자는 리스트에 NEW 아이콘이 원래 없는 방식이라 생각을 못했는데 Square(반응형) 스킨을 사용하시는 분들에게 도움이 될만한 정보라고 생각한다. 다른 분들도 사실 요청이 있었는데 필자가 확인해볼수 없는 스킨이라 이번 블로깅을 잘 참고하면 충분히 하실 수 있지 않을까(…) 생각한다. 우선 카테고리의 NEW 아이콘이 변경되지 않았다면 링크를 타고 선행작업을 먼저 하시고 오시길 추천한다. 꼭 먼저 보고 오시길! 이쪽으로 카테고리 NEW 아이콘을 보고 왔다면 그렇다면 /body 위에 코드를 그대로 입력하면 끝! 리스트 NEW 아이콘 변경 코드 ..
2018.10.04