블로그하자!/티스토리26 티스토리에서 웹폰트를 사용하여 CSS 텍스트 박스 글씨체 바꾸기 안녕하세요. 최근에 글 본문에 활용할 수 있는 TIP 박스 활용에 대해 공유를 해드렸었습니다. 해당 글 상자에서는 여기에 작성된 글처럼 글씨체 자체를 본문과 아예 다르게 설정을 할 수 있기도 한데요. 바로 웹폰트를 사용하는 것입니다. 이전 글에서는 방법을 몰라 제대로된 정보를 공유해드리지 못했었는데 이게 의외로 간단한 방법이었습니다. 아래의 내용을 보시고 여러분들도 따라해보시기 바랍니다. 웹폰트를 활용하여 텍스트 박스 글씨체 바꾸기티스토리 블로그에는 기본 스킨이나 임의로 제작된 스킨 할 것 없이 모두 위와 같은 웹폰트가 들어가 있습니다. 해결 방법은 어렵지 않습니다. 관리자→꾸미기→스킨편집→HTML 편집→CSS로 들어가셔서 웹폰트 추가와 함께 일전에 공유해드린 TIP 박스의 CSS 코드에 관련 명령어를 .. 블로그하자!/티스토리 2024. 6. 28. 티스토리 블로그에서 글 상자로 본문 내용 강조하기! 블로그에 작성되는 글은 무엇보다 '양질의 콘텐츠'가 가장 중요하지만, 가독성이 좋아야 읽기에도 좋습니다. 잘 아시겠지만, 티스토리 블로그에서 기본적으로 제공되는 스킨들은 이런 기능들이 거의 없다시피 합니다. 그래서 최근에 간단하지만 대가성 문구 박스를 만들고나서, 글 중간에 중요한 내용을 강조할 수 있는 TIP 박스를 새로 만들어 보았습니다. HTML과 CSS 코드를 공유해드릴테니, 여러분들이 사용하는 블로그 스킨에 맞게 수정해서 사용해보시기 바랍니다. 글 상자로 본문 내용 강조하기TIP 박스를 사용하는 이유는 글을 쓰다가 정말 중요한 내용을 강조해야 하는데 그러지 못하는 경우가 있습니다. 티스토리에서 제공되는 기본 스킨을 사용하시는 분이라면 더더욱 그럴 것이고, 누군가에 의해 배포된 스킨을 사용하지만 .. 블로그하자!/티스토리 2024. 6. 27. 티스토리 블로그에 대가성, 혹은 공정위 문구 넣기(HTML, CSS 활용) 블로그를 운영하면서 이런 글은 처음 써봅니다. HTML이나 CSS 코드를 활용하여 무언가 디자인을 한다거나 누군가에게 알려주는 글은 왠지 모르게 어색한 것 같습니다. ChatGPT는 일절 사용하지 않고 검색해가면서 이런 저런 코드를 넣어가며 만들어봤습니다. 그렇다고 그리 대단한 것은 아닙니다. 색깔이 들어간 박스 안에 텍스트를 넣는 방식의 간단한 디자인입니다. 어디까지나 이 글의 초점은 제휴 및 쿠팡 파트너스 활동을 할 때, 대가성 문구를 일일이 쓰지 않아도 되는 편리함을 추구하기 위한 것이니까요. 대가성, 또는 공정위 문구는 무조건 넣어야 한다!블로그, 인스타그램, 유튜브 등 수수료를 대가로 특정 기업의 제품이나 음식을 홍보하게 되는 경우에는 반드시 대가성 문구를 넣어야 합니다. 이런 대가를 받게된 사.. 블로그하자!/티스토리 2024. 6. 26. 유저들 뒤통수 때린 티스토리 자체광고의 정체!? 개인적인 사정으로 약 1년 가까이 블로그 운영을 하지 못했었습니다. 오랜 시간동안 건들지 못했던 탓에 사용중인 친효스킨의 재정비를 위해 관리자 모드에 들어가 카테고리와 애드센스 광고 배치를 다시 하는 과정에서 뭔가 이상함을 감지 했습니다. 뭐.. 이미 아실 분들은 다 아실 것이고 이 글 자체가 뒷북 치는 글이긴 하지만, 저는 구글이나 워드프레스를 추가적으로 개설한다 하더라도 티스토리는 포기하지 않을 것이기에 이렇게나마 호소문 형식으로 남겨 봅니다. 그동안 많은 사람들이 티스토리 팀의 행보를 욕할 때에도 '그래도 조금은 나아지겠지..'하는 생각으로 묵묵히 글을 써왔다보니 이런 글은 남기지 않았었는데.. 이번 만큼은 진짜 너무하다는 생각이 들더라고요. 이상해진 광고배치 아무튼! 이번 이슈는 블로그 상에 광고.. 블로그하자!/티스토리 2023. 7. 23. 티스토리 블로그 에디터, 이미지 편집 기능 드디어 개선되다! 얼마 전, 티스토리 블로그의 글쓰기 에디터 신버전의 이미지 편집 기능이 드디어 개선되었습니다. 결론부터 말씀드려보자면, 그동안 욕도 무지하게 먹고 여러가지로 탈도 많았던 이미지 편집 에디터가 네이버 블로그와 같이 아예 새로 탈바꿈 했다고 보시면 되겠습니다. 제가 제일 맘에 들었던 부분은 이미지 서명 기능이 N사 블로그처럼 '텍스트 넣기', '이미지 넣기'의 기능, 그리고 불투명도 기능도 추가되면서 이미지에 워터마크를 넣는 과정에서 생겼던 오류도 없어졌다는 점이었습니다. 신버전 에디터로 업데이트 된지 1년이 넘어가는 것 같은데.. 이걸 왜 이제서야 해주는지도 살짝 의문입니다. 이렇게 업데이트 되었습니다. 모듈이라고 해야하나요? 이미지 편집 에디터의 전반적인 시스템이 보다 직관적으로 변경되었으며, 티스토리팀.. 블로그하자!/티스토리 2022. 6. 14. 티스토리 글쓰기 에디터에 새로운 기능이 생겼어요!(2020.05.13 업데이트 내용) 이번에는 티스토리의 글쓰기 에디터 업데이트 소식에 대해 안내를 해드리려고 합니다. 이번 글은 사실 상 뒤늦은 뒷북이나 다름없는 글이기도 합니다. 2021년 5월 13일에 공지된 내용이니 많이 늦은 글이지요. 개인적으로는 워터마크 기능이나 고쳐줬으면 좋겠다는 생각이 크긴 합니다만, 그래도 날이 갈 수록 발전하고 있는 티스토리팀에 참 감사하다는 말을 전하고 싶습니다. 이번 업데이트 내용 중에 이모티콘 기능도 추가 되었거든요.ㅎㅎ 티스토리의 신 에디터 업데이트 내용은 총 3가지입니다. 인용구 기능, 이모티콘 기능, 단축키 기능이 그 것인데요. 인용구 기능은 기존 에디터의 부족한 부분을 더 풍성하게 채워주는 느낌이고 이모티콘 기능은 카톡에서 사용할 수 있는 이모티콘들이 있다보니 꽤나 신선함을 주는 것 같습니다... 블로그하자!/티스토리 2021. 5. 18. 티스토리 썸네일 이미지 누락 및 오류 현상에 대하여!(2021.04.04 해결법 내용추가) 며칠 전부터 고민거리가 생겼습니다. 바로 검색엔진에서의 썸네일 누락 현상 때문입니다. 솔직히 썸네일 이미지가 방문자의 모든 유입량에 영향을 미치는 것은 아니지만, 유저들이 검색을 했을 때 썸네일이 보이느냐 보이지 않느냐에 따라서 그 결과물은 천지차이로 달라지기도 합니다. 처음에는 알아서 해결되겠지 했는데도 티스토리 측에서는 이러한 문제점을 해결해주지 않고 있습니다. 귀찮은 걸까요? 아니면 능력이 부족한 걸까요? 비록 저는 중간에 복귀한 유저이기는 하지만, 그래도 나름 오랜 시간 동안 티스토리를 이용해온 유저로서 이런 사소한 문제들 때문에 "티스토리는 정녕 이런것 조차 해결하지 못하는건가..."하고 간혹 씁쓸함을 느낄 때가 많습니다. 참고로 이 글은 검색엔진에서의 썸네일 누락 및 오류 현상에 대한 완전한 .. 블로그하자!/티스토리 2021. 4. 4. 티스토리 썸네일 오류 현상, 약 98% 정도 해결법을 알아낸 것 같습니다. 저번 티스토리 카테고리에서 검색 결과에 썸네일이 누락 및 오류 현상이 생기는 부분에 대해 다루었었습니다. 별다른 해결법을 제시해드리는 것 없이 본인조차도 발만 동동 구르고 있는 상황이었는데요. 혹시나 하고 테스트를 해봤는데 저의 뇌피셜이기는 하지만, 그래도 확실한 해결 방법을 알아낸 것 같습니다. 조금 당황스러울 정도로 너무나도 간단한 문제였더라구요. 일단은 썸네일 누락 및 오류 현상에 대한 내용은 여기를 클릭하셔서 어떤 현상들이 일어나는지 참고해주시고요. 썸네일 오류 현상에 대한 해결법은 아래의 내용들을 참고해주시기 바랍니다!:) 썸네일이 누락되는 현상(아예 노출되지 않는 현상)에 대해서는 저번 글에서도 살짝 언급했었는데, 누락 현상의 원인은 '결과에 반영되는 시간' 때문이었습니다. 아직 썸네일이 반영.. 블로그하자!/티스토리 2021. 4. 4. 티스토리 블로그 글쓰기 화면에서 이미지 가로로 배치하는 법!(신형 에디터) 간만에 티스토리와 관련된 글을 써보려고 합니다. 신형 에디터에서 할 수 있는 방법인데요. 정말 쉽게 할 수 있는 방법이지만 그동안 구형 에디터만 사용하셨던 분들이나 티스토리를 처음 접하신 분들을 위해 간단히 끄적여 보려고 합니다. 일전에 '티스토리' 카테고리에서 소개해드린 [서식 기능 활용하기]보다 훨씬 쉬우니 아래의 내용들을 집중해서 읽어보시면 쉽게 따라오실 수 있을겁니다. ※ 무슨 오류 때문인지는 모르지만 글의 본문 화면에서는 움짤 이미지가 정상적으로 작동하지 않는 현상을 발견했습니다. 그러나 해당 이미지를 클릭 후 확대하셔서 보시면 정상적으로 보이실거니 양해 부탁드리겠습니다. 일시적으로 움짤 이미지가 움직이지 않는 현상일 수도 있으니 정상적으로 구동이 되신다면 이 문구를 무시하셔도 됩니다. 신형 글.. 블로그하자!/티스토리 2021. 3. 22. 브로콜리의 티스토리 블로그, 9개월간의 방문자 통계 현황! 티스토리 블로그도 오픈을 한지 벌써 8개월째입니다. 1년을 채우려면 3개월 하고도 약 보름 정도의 시간이 남았네요. 사실 제가 운영하는 티스토리의 방문자 현황은 아직까지 그렇게 좋지 않은 편에 속합니다. 그동안 조회수가 높은 키워드를 공략하기 보다는 제 스스로가 좋아하고 관심있는 분야 위주로 글을 올렸었거든요. 개인적으로는 그냥 방문자만 쓸어 모으는 블로그가 아닌, 제가 관심있는 분야를 기록 및 소개를 해드리면서 자신 뿐만아니라 또 다른 누군가에게도 도움이 되지 않을까 하는 생각이 제일 컸었거든요. 그렇다보니 저의 블로그는 아직 일일 방문자 200명을 겨우 넘길까 말까한 상태입니다. 그럼에도 불구하고 그동안의 통계 현황을 이렇게 글로써 옮겨 적는 이유는 그냥 '개인적으로 궁금해서'입니다. 솔직히 누군가에.. 블로그하자!/티스토리 2021. 3. 14. 티스토리 블로그 사이드 바에 이미지 배너 넣는 방법! 이번에는 티스토리 블로그 사이드 바에 이미지 배너를 넣는 방법에 대해 알아보도록 하겠습니다. 애드센스 광고가 아니고서야 HTML 코드 입력이 아닌 대부분 별도의 이미지를 제작하여 사이드 바에 연동시키는 경우가 많습니다. 보통 본인이 운영하고 있는 다른 블로그나 기타 홈페이지 연동 목적으로 활용하기도 하는데요. 배너에 들어갈 이미지를 제작하는것 부터 사이드 바에 연동하는것 까지 보다 자세히 알아보도록 하겠습니다. 사이드 바에 들어갈 이미지 크기 파악하기 이미지를 제작하기 전에 가장 먼저하셔야 할 것은 사이드바에 들어갈 이미지의 크기를 파악하는 것입니다. 이는 각자 사용하시는 티스토리 스킨에 따라 다를 수 있습니다. 세로 픽셀 크기는 자유롭게 설정해주시면 되기 때문에 실제로는 가로 픽셀의 크기를 파악해주시면.. 블로그하자!/티스토리 2021. 1. 29. 티스토리 블로그 "서식관리" 기능 활용하는 방법!(엄청 쉽고, 유용해요!) 블로거가 만들어 놓은 카테고리에 동일한 콘텐츠로 지속적인 글을 쓰다보면 계속해서 같은 이미지를 활용할 때가 많습니다. 예를들면, 제가 [티스토리] 카테고리에서 계속 같은 썸네일 이미지를 사용하는 것처럼 티스토리 블로그의 관리자 화면에서 '서식관리' 메뉴를 통해 글을 쓰실 때 보다 편리하게 활용을 하실 수가 있습니다. 해당 기능을 활용하지 않는다면 글을 쓰는 화면에서 일일히 이미지를 불러와야 하는 번거로움이 있는데, 이 기능을 활용한다면 서식 관리 기능을 통해 글을 보다 편리하게 쓰실 수 있습니다. 티스토리 블로그 관리자 화면의 "서식관리" 기능은 [공감/댓글 요청, 이미지(썸네일), 광고]등을 편하게 불러올 수 있다는 장점이 있습니다. 이제는 구 에디터가 사라진 상태이니 신규 글쓰기 에디터를 기준으로 설.. 블로그하자!/티스토리 2021. 1. 20. 이전 1 2 3 다음