🗂️ 서재/36-5번 캐비닛7 [블로그 꾸미기] 배경 사진이 있는 글 상자 서식 만들기 예전에 포스팅했던 글 상자 만들기 포스팅에 이어서 이번에는 배경 사진이 들어가 있는 글 상자를 만들어 보려 한다. 이번에 만들 글 상자는 업그레이드 버전이라고 할 수 있는데, 예쁜 블로그 글 쓰기에 굉장히 도움이 되므로 관심 있는 사람이라면 꼭 참고하길 추천한다. 기본적인 글 상자 만드는 법부터 알고 싶다면 아래 글 상자에 첨부한 글을 읽어 보았으면 좋겠다. 깔끔하고 예쁜 포스팅을 위한 글상자 만들기 🔺위의 글 상자처럼 바탕에 사진이 깔린 글 상자를 만드려면 기존 글 상자 코드에서 백그라운드 항목을 추가해야 한다. background: url('사진의 이미지 주소') no-repeat center center; background-size: cover; 배경으로 하고 싶은 사진을 미리 블로그에 올려 .. 2025. 1. 5. 컴퓨터 바탕 화면에 사이트 바로 가기 만들기(크롬 사용) 유튜브에서 자주 보는 재생목록이나, 나중에 읽고 싶은 어떤 사이트의 글을 찾을 필요없이 바로 들어갈 수 있게 해 주는 간편한 방법🔻 흔히 크롬 우측 상단에 있는 점 세 개를 눌러 저장 및 공유 > 바로가기 만들기> 주소 복사/붙여넣기를 이용하지만 이 방법은 홈 화면까지만 가능할 뿐 재생목록까지는 들어가지 못한다. 그래서 찾은 방법은 바탕화면에 오른쪽 마우스 클릭 > 새로 만들기 > 바로 가기로 들어가서 복사한 사이트 주소를 붙여넣는 것이다. 그리고 바로가기의 이름을 입력한 후 마침을 클릭하면 끝✨ 만약 바로가기가 크롬이 아닌 다른 브라우저로 만들어졌다면? ✅ 기본 브라우저 설정을 크롬으로 바꾸자 윈도우 설정으로 들어가서, 앱 메뉴의 기본 앱을 클릭한다. 여러 앱들 중 크롬을 찾아서 들어간다. 오른쪽에 보.. 2024. 3. 26. [블로그 꾸미기] 깔끔하고 예쁜 포스팅을 위한 글상자 만들기 📝 글상자 예시 텍스트, 사진, 이모티콘을 넣을 수 있습니다 블로그를 하는 사람이라면 누구나 깔끔하고 가독성 있게 포스팅하는 것에 관심이 있을 것이다. 나 역시 종종 예쁘게 포스팅하는 방법을 공부하는 편인데 최근에 심플하면서도 문단 구획을 잘 나누어 줄 수 있는 글상자를 알게 되어 소개하려고 한다. 위 사진은 글상자를 구성하는 코드이다. HTML 모드로 들어가서 이대로 입력하면 예시와 같은 동글동글한 글상자가 생기게 된다. 글상자의 색상을 바꾸고 싶다면 색상코드를 변경하고 border-radius 값을 올리거나 내려서 모서리의 곡선을 작게 하거나 크게 만들 수 있다. 곡선을 아예 없애고 싶다면 이 부분을 삭제해도 된다. 텍스트를 썼을 때 정돈된 느낌을 주기 위한 가장자리 여백값은 가장 보기 좋은 정도로 .. 2024. 2. 26. 티스토리 북클럽 스킨 홈에서 썸네일 크기 조정하기 최근 블로그를 새로 꾸미다가 한 가지 거슬리는 점을 발견하게 되었다. 홈에서 갤러리 게시물 파트를 봤을 때 썸네일이 너무 직사각형인 점... 북클럽 스킨이라서 책모양에 최적화되었기 때문에 이렇게 보이게 되었다. 좀 더 갤러리라는 주제에 어울리게 썸네일의 크기를 정사각형으로 바꿔 볼까 한다. 관리 - 스킨 편집 - html 편집 - HTML 탭에서 '일상의 갤러리'에 해당하는 부분을 찾는다. 태그상으로는 cover-thumbnail-3에 해당한다. 그중에서도 사진의 크기에 해당하는 thumb/C126 부분을 찾는다. 사진처럼 사진 크기를 1대 1 비율로 고쳐 주면 반은 완료한 셈이다. 150X150도 괜찮긴 한데 나는 원래 가로 크기가 126이길래 126X126으로 고쳤다. 그러면 새로고침을 했을 때 이렇.. 2023. 9. 11. 티스토리 서식 기능을 이용해 내 블로그 글 예쁘게 작성하기 네이버에는 글을 작성할 때 다양한 템플릿을 지원하고 있어서 여행, 일상, 리뷰 등등 어떤 글이던지 타입에 맞는 템플릿을 선택해 세련된 글을 쉽게 작성할 수 있다. 예전에 네이버 블로그를 할 때는 그런 점이 정말 마음에 들었는데 티스토리 블로그로 넘어오고 나서는 그런 기능이 없다는 것이 매우 아쉽기도 하다. 하지만 없으면 만들면 되는 것. 티스토리의 서식 기능을 이용하여 나만의 템플릿을 만들어 보기로 하였다. 기본적인 템플릿 만들기 블로그 관리 화면에서 서식 관리 > 서식 쓰기 창으로 들어간다. 아주 베이직하고 아무 글에나 가져와서 쓸 수 있는 심플한 템플릿을 하나 만들어두면 글 쓰는 데 걸리는 시간도 줄어들고, 응용해서 여러 가지 스타일로 바꿔 줄 수도 있다. 나는 글을 쓸 때 서론을 자주 쓰는 편이라 .. 2021. 10. 13. 티스토리 블로그 사이드바 최근글/인기글 → 인기글/최근글로 바꾸기 티스토리 블로그 사이드바의 최근 글과 인기글을 보여주는 순서를 바꾸는 방법을 소개하려고 한다. 이걸 굳이 바꿀 이유가 있나? 싶을지도 모르지만 바꿨을 때가 더 좋다!라고 생각할 만큼 나는 만족도가 높았기 때문에 알아둬도 좋은 방법이다. 홈 화면 리스트에서 보이는 최근글, 그 옆 사이드바에 또 보이는 최근 글 요즘 블로그를 꾸미면서 가장 거슬렸던 것이다. 홈 화면에 들어갈 때마다 최근 글이 보이는데 사이드바에서 또 최근글이 보이는 것이 너무 공간 낭비 같았기 때문이다. 물론 인기글도 볼 수 있지만 탭을 눌러야 볼 수 있었다. 그래서 최근글/인기글 기능을 빼버릴까도 생각했지만 나나 사람들이 홈 화면에서만 머무르지는 않기 때문에 어리석은 생각이었다. 인기글부터 보이게 할 수는 없을까? 인기글부터 보여주게 할 .. 2021. 10. 9. 이전 1 2 다음
