반응형 블로그정보66 티스토리 블로그 - 관련글의 제목이 안짤리게 변경하는 방법 관련글 제목 티스토리 블로그를 사용하면서 이것저것 내맘에 들게 변경을 하게 됩니다. 이번에는 제마음속에 자꾸 걸리는 '관련글 제목 짤림' 현상을 없애고 관련글에도 제목이 모두 보이게 설정하는 방법을 알아보고자 합니다. 같이 하실까요? ㄱㄱ 따라해보세요 아래의 캡처이미지를 보시면 관련글의 제목이 한줄로 요약되어 다 보이지않아 방문자가 볼때 어떤 내용인지 정확하게 알 수가없죠? 이런 현상을 방지하고자 제목을 다 보이게 바꾸어줄겁니다. 1. 블로그 관리자 페이지 → 스킨편집 → CSS편집으로 이동하세요 2. CSS편집창 아무데나 클릭하고 Ctrl+F 단축키를 눌러 검색창에 related-articles ul li .title를 검색하여 위치를 찾습니다. 동영상을 보시면 이해가 쉬울것 같습니다. 3. 찾은 re.. 블로그정보 2022. 5. 25. 티스토리 블로그에 핀터레스트 사진 링크버튼달기 핀터레스트 활용하기 티스토리 블로그를 운영하면서 힘들게 느껴지는 부분중 하나가 블로그노출이 잘안되어서 글은 열심히 썼지만 아무도 봐주지않는것이 가장 큰 어려움입니다. sns에 홍보도 하고 여러가지방법을 쓰고 계실거라 생각합니다. 그중에 이번에는 핀터레스트에 내 블로그의 사진이미지를 링크걸어서 홍보를 하는 방법에 대해서 알아보고자 합니다. 같이 시도해볼 준비되셨나요? 그럼 시작해봐요~ 이렇게 해보세요 1. 아래의 핀터레스트 홈페이지에서 save button페이지의 옵션을 선택한후 하단의 스크립트를 복사하여 주세요. https://developers.pinterest.com/tools/widget-builder/?type=pinit&round=false&tall=true&buttonType=imageHove.. 블로그정보 2022. 5. 24. 티스토리 블로그 이미지, 사진에 자동으로 테두리선 넣기 깔끔하게 이미지를 넣고싶어요 이 글을 찾아들어오신분이라면 이미지를 블로그글에 넣었는데 이미지배경이 백색이라 글과 이미지가 구분이 안되어서 불편함을 느끼셔서 검색하신걸로 생각됩니다. 저도 마찬가지로 이게 불만이여서 검색해서 해결책을 찾았지요. 아래에 간단하게 이미지를 본문에 삽입하면 자동으로 테두리선을 만들어주는 소스코드를 알려드릴테니 잘 따라와보세요. 어떻게 할까요? 이미지에 테두리를 넣는것은 아주 간단한 소스코드로 이루어져 있습니다. 아래의 순서대로 따라오시면 되니까 걱정하지 마세요. 먼저 저의 블로그 다른글 본문중에 하나인데요 글씨가 있고 이미지가 보이는데 경계가 어딘지 몰라서 약간 두서없이 정리가 안되는 느낌이 듭니다. 그래서 이미지에 테두리를 주면 어떻게 느낌이 달라질까 하고 봐주세요. 1. 가장.. 블로그정보 2022. 5. 20. 티스토리 블로그에 카카오페이 후원받는 링크 만들기 카카오페이로 후원받기 블로그를 운영하면서 구독자분들이 생기거나 블로그에 감사를 표시하는분들이 많다면? 따로 후원을 받을 수 있습니다. 이건 자율적인 것이지 이렇게 해야한다는것이 아니겠죠? 혹은 앞으로 많은 분들을 위한 유용한 글을 많이 올릴것이니 미리 후원을 위한 장치를 마련하는 용도로도 배워두시면 좋을것 같습니다. 여러가지 방법이 있지만 오늘은 가장 많이 이용하시는 카카오페이를 통한 후원받는방법에 관해서 알려드릴께요. 잘 따라오세요. 확인해보세요 1.카카오톡의 하단에 점3개를 클릭해주세요. 2.더보기란의 빨간색선안의 마크를 클릭해주세요. 3.코드스캔 메뉴로 들어가게되면 하단에 송금코드를 클릭해주세요. 4.처음이용하시는 분이라면 동의하는 창이 뜹니다. 동의를 하시고 다음페이지로 넘기세요. 5. 송금코드페.. 블로그정보 2022. 5. 19. 워드프레스- 한국 쇼핑몰에 어울리는 우커머스 테마 bacola bacola 테마 테마요약 식료품점과 유기농 식품 WooCommerce WooCommerce 워드프레스 테마입니다. 식료품점을 지을 계획이라면 Bacola – Greaty Market and Organic Food Shop eCommerce Element 또는 WooCommerce Word Press Theme가 필요합니다. 이 놀라운 테마는 여러분만의 식료품점, 유기농 식품점, 온라인 슈퍼마켓, 우커머스 식료품점, 식품 멀티벤더, 농업, 시장, 식품점, 식품점, 식품 배달, 식품 사업, 멀티벤더, 도칸, 식품 제품 및 온라인 식품 제품, 전자제품점, 패션점, 장난감점만을 만들 수 있도록 도와줄 수 있습니다. 몇 시간 후에요 이 테마에 대한 고급 구성 요소 및 가장 선호하는 구성 요소 덕분에 웹 사이트를.. 블로그정보 2022. 5. 18. 티스토리 북클럽 스킨 사이드바 애드센스광고 고정하기 사이드바 광고고정 티스토리블로그를 운영하면서 광고를 집행하고 수익을 낼수가 있습니다. 많은 광고중에 가장 보편적으로 애드센스를 많이 사용하시죠. 애드센스광고를 글상단,중단,하단등으로 배열할 수 있고 그외에 사이드바등에 광고를 삽입할 수 있습니다. 이런 광고를 삽입하기에 광고효과를 높이려면 글을 읽는동안에도 계속해서 광고를 방문자에게 노출시켜야 효과가 높아지는것은 당연하겠죠? 그래서 많이 활용하는 방법이 사이드바에 삽입된 광고를 글을 올리거나 내려도 그자리에서 방문자에게 계속해서 광고배너가 보일 수 있게 고정하는것입니다. 티스토리에서 광고배너를 사이드바에서 고정하는방법을 간단하게 알아보고 적용하는방법을 한번 살펴보시고 따라해보세요. 따라해보세요 아래의 소스코드를 복사해주세요. HTML 삽입 미리보기할 수 .. 블로그정보 2022. 5. 13. 워드프레스 - 정말 깔끔한 디자인 블로그 테마 6가지 깔끔한 디자인의 테마 덕지덕지 요란한 기능이 작동하고 알록달록한 색상이 많은 그런 디자인말고 정말 심플하고 백색바탕의 깔끔한 디자인을 원하는 분이라면 이 테마들을 살펴보세요. 1. Contenberg 소개 컨텐츠버그 - 컨텐츠 마케팅 & 개인 블로그에 적합한 테마입니다. 구텐베르크 에디터로 쉽게 글을 쓰고 블록을 추가,제거하기가 쉽습니다. 페이지의 레이아웃을 드래그앤드롭으로 쉽게 편집할 수 있는것도 굉장한 장점이죠. 취향에 맞는 다양한 수십가지의 레이아웃과 글본문페이지유형을 경험해보세요. 나만의 블로그를 만드는데 이만큼 쉽게 적용되는 테마도 많지않습니다. 이 테마는 내장된 AMP지원으로 속도와 SEO에도 신경을 많이 썼습니다. 또한 우커머스와 완벽하게 호환되어 블로그와 함께 쇼핑몰을 운영할 수 있습니다... 블로그정보 2022. 5. 10. 티스토리 - 대문이미지 본문에서는 안보이게 가리기 대문이미지 나는 안보이게 하고싶은데 티스토리의 대문이미지를 본문에서도 보이게 하고싶은분들이 있는 반면 다른분들은 썸네일에서만 보이고 본문에서는 안보이게 가려버리고 싶은분들이 있습니다. 이런분들을 위한 소스를 알려드릴께요. 이전 소스들이 안먹혀요 html모드에서 소스코드를 변경하는것은 맞지만 많은 분들이 블로그에 소개해주신 style="display:none" 코드는 더이상 적용이 되지않았습니다. 아무 티스토리의 로직이 변경된것 같다고 하네요. 그래서 다른 코드를 찾았습니다. 이 코드를 적용하시면 본문에 이미지는 사라지고 썸네일은 그대로 적용되는 것을 확인할 수 있습니다. 이런 제품은 어때요? 자기관리를 잘하면 인생이 바뀐다고 합니다. 오늘부터 책읽기에 도전해보세요. 참고하세요 이 글은 티스토리블로그 카테.. 블로그정보 2022. 5. 4. 티스토리 북클럽스킨 - 사이드에 자동목차만들기 사이드 자동목차 만들기 티스토리에서도 자동으로 작동하는 목차를 적용하고 싶었습니다. 이리저리 둘러보니 맘에 딱드는 자동목차가 있어 저처럼 헤매지마시라고 이렇게 글을 올려봅니다. 최대한 쉽게 따라하실수 있게 해보겠습니다. 아래의 사이트에서 소스와 파일을 제공하여 주기에 자동목차가 작동될 수 있습니다. 사이트 바로가기 순서대로 따라하기 💡 따라하기 1번 블로그관리화면 > 꾸미기 > 스킨편집 > html편집 사이에 소스코드를 삽입하세요. 아래의 캡처이미지와 같이 를 찾으시면 됩니다. 소스코드를 삽입하고 난후의 캡처이미지입니다. 💡 따라하기 2번 html편집창 > ctrl+f > 를 검색하여 위치를 찾아요. 아래의 캡처이미지를 참고하셔서 위치를 찾아보세요. 의 위치를 찾을 수 있습니다. 소스코드를 입력한후의.. 블로그정보 2022. 4. 27. 티스토리 북클럽스킨 타이틀글씨체 변경하기 북클럽스킨의 타이틀 글씨체변경 북클럽스킨의 타이틀글씨체는 나눔명조체입니다. 저는 이글씨체가 마음에 들지않아 본문체인 본고딕체로 바꾸고자 합니다. 아래의 글을 차례로 확인하시면 저와 같이 변경이 가능하니 필요하신분들은 참고해주세요. 나눔명조를 본고딕체로 변경해보자 위의 이미지와 같이 북클럽의 기본타이틀폰트는 나눔명조체입니다. 저는 본고딕체로 변경을 하여 블로그를 사용하고자 합니다. 아래의 순서로대로 따라와보세요. 💡 첫번째 블로그관리에서 스킨편집→CSS로 들어가서 키보드 Ctrl+F 단축키를 눌러 아래의 이미지와 같이 h1을 검색하세요. 💡 두번째 126번 줄쯤에 #header h1이 보이시나요? 여기서 타이틀폰트에 관한 여러가지 옵션을 조정할 수 있습니다. font-family 에서 글씨체이름을 Nanu.. 블로그정보 2022. 4. 26. 워드프레스 SNS플러그인 AddToAny Share Buttons 깔끔하게 원하는 버튼만 표시해보자. 워드프레스글에 SNS공유 버튼을 달아보자. 워드프레스를 시작하고 글을 작성하다보면 이제 내 홈페이지, 블로그에 유입되어 다른분들이 내글을 읽기시작합니다. 하지만 그냥 읽고 나가기보다 간단하게 SNS버튼을 달아주면 원하는분들은 그 버튼으로 다른분들에게 공유를 할 수 있습니다. AddToAny Share Buttons https://wordpress.org/plugins/add-to-any/ AddToAny Share Buttons Share buttons for WordPress including the AddToAny sharing button, Facebook, Twitter, WhatsApp, Pinterest, Reddit, many more, and follow icons too. wordpres.. 블로그정보 2022. 1. 27. 워드프레스에서 티스토리처럼 문서서식을 이용해보세요. 글을 같은 형식으로 계속 쓰고싶다면? 워드프레스에서 글을 쓰다보면 반복되는 형식의 글을 써야할때가 있습니다. 그때마다 같은 형식을 유지하려면 글을쓰고 크기, 글씨체, 색상 등을 다시 입혀주는 작업을 해야하죠. 이 작업은 귀찮고 시간을 잡아먹는 작업중에 하나로 기본형식을 저장해놓고 필요할때마다 불러서 사용하고 싶다는 생각을 하게합니다. TinyMCE Templates 이 플러그인은 티스토리에서 글을 쓸때처럼 간편하게 서식을 저장해놓고 필요할때마다 에디터에서 바로 불러와 사용할 수 있는 플러그인입니다. 지금은 업데이트가 되지않아 새로운 기능이나 오류를 고쳐줄지는 의문이지만 이 플러그인의 현재 자체의 기능만으로도 훌륭하고 편안하게 활용이 가능하여 쓰는데에는 불편함이 없습니다. 플러그인을 설치하면 아래의 이미지.. 블로그정보 2022. 1. 22. 티스토리 블로그 스킨 어포스트의 본문이미지 그림자나타내기 소스 이미지에 그림자 나타내기 티스토리는 한가지 방식이 아닌 스킨에 따라서 소스 적용방법이 제각각입니다. 그래서 어떤 분들의 소스를 그대로 적용해도 반영이 안되는 경우가 있습니다. 평상시 이미지를 업로드하고 글을쓸때 이미지의 경계가 뚜렷하지않아 글과 혼동되어 시인성이 떨어지는 경우가 있습니다. 이런 현상을 방지하고자 이미지에 그림자를 넣어보겠습니다. 스킨을 수정하자 먼저 스킨을 수정하고자한다면 아래의 순서대로 이동하셔야 합니다. 블로그 관리 메인페이지에서 메뉴 하단을 보시면 꾸미기탭의 스킨편집메뉴가 있습니다. 클릭해주세요. 새창이 뜨면서 스킨을 편집할 수 있는 메뉴가 나타납니다. 오른쪽 상단의 html편집을 눌르주세요. 다시 오른쪽 상단을 확인하시면 CSS라는 글자가 있습니다. 클릭해주세요. CSS소스중에 저.. 블로그정보 2022. 1. 10. 워드프레스 테마 justvideo 동영상에 최적화된 테마입니다. JustVideo 동영상목록에 최적화 되어있는 테마입니다. 기본레이아웃이 유튜브와 비슷하게 정리되어 있어 재미있게 사용해볼수 있는 테마입니다. JustVideo는 응답성이 뛰어나고 모바일 친화적인 WordPress 비디오 테마로, 다양한 소스의 비디오를 게시할 수 있습니다. 사용을 해보니 유튜브등의 동영상을 간단히 링크를 올려서 재생목록을 만들수 있었습니다. 내가 좋아하는 동영상들을 목록화하여 방문자에게 보여줄 수 있고, 검색기능을 통하여 유튜브에서 검색하는것과 같은 결과창을 볼수 있습니다. PRO버전을 구입하면 좀더 다양한 기능 예를 들자면 원클릭데모 기능등을 편리하게 사용할 수 있을것으로 생각됩니다. 다운로드 아래의 링크를 클릭하여 justvideo테마를 다운로드 받을 수 있습니다. 블로그정보 2022. 1. 7. 검색사이트 네이트 NATE에 내 블로그 등록하기 네이트 검색등록 지난번에 줌검색사이트에 사이트등록하는 방법을 알아보았는데요. 줌에 검색등록하는 방법이 궁금하신분은 이 글 하단에 있는 다른글을 확인해보시면 됩니다. 이번시간에는 네이트에 사이트 등록을 하는 방법을 알아보려고 합니다. 이번에도 간단하게 등록이 가능하니 쉽게 따라오실 수 있습니다. 이슈UP 콘텐츠 등록 검색등록, 사이트등록이 아닌 블로그를 노출시키려면 이슈UP 콘텐츠 등록이라는 페이지로 가서 등록을 하셔야 합니다. 추천 버튼을 누르시면 로그인을 먼저해야한다고 팝업창이 뜹니다. 로그인을 진행한후에 등록을 진행하겠습니다. 아래의 이미지와 같이 로그인후에 보여지는 페이지에서 개인 > 유형(블로그) > URL에 블로그 주소를 입력하고 간단히 남기는말을 입력하시면 네이트에 등록이 완료됩니다. 마치며 .. 블로그정보 2022. 1. 5. 검색사이트 줌 ZUM에 내 블로그를 등록해보자 방문자가 필요해요 블로그를 개설하고 열심히 정성을 다해 글을 썼지만 방문자가 늘어나질않아 블로그글을 쓰고 싶은 동기부여가 사라지고 있나요? 방문자를 늘리려면 양질의 글도 중요하지만 여러사람들이 볼 수 있는 검색사이트등에 내 블로그를 알려야 합니다. 이번에 검색사이트중 ZUM에 등록하는 방법을 알려드리려고합니다. ZUM 검색등록 먼저 아래의 사이트 링크로 이동하여 검색등록을 위한 신규등록 버튼을 누르세요. 아래의 이미지와 같이 사이트등록에 필요한 각종 정보를 입력합니다. 적색으로 표시한 부분은 꼭 기입해야할 필수입력란입니다. 되도록 모든 기입란을 기입하여 제출해주세요. 이메일은 자신이 사용하는 이메일을 입력해주시면 되고, 사이트주소는 블로그주소를 입력해주시면 됩니다. 마지막으로 신청하기를 누르면 간단하게 .. 블로그정보 2022. 1. 5. 티스토리블로그 본문에 광고배너를 넣고싶을때 광고를 어디에 넣는다는 건가요? 블로그에 광고를 넣고싶은데 어떻게 적용해야할지 모르는 분들이 많습니다. 이번 시간에는 간단하게 광고배너를 블로그글의 본문글 상단과 하단에 넣는 방법에 대해서 알아보겠습니다. 본문이 어디인가요? 본문이 어디인지 모르는 분을 위해서 이미지로 설명해드리겠습니다. 아래의 이미지를 보시면 가운데 회색부분이 보통 본문영역이고 본문의 상단과 하단부에 광고배너를 넣는 방법을 지금 확인해 보겠습니다. 광고배너 넣는방법 1단계 티스토리의 관리자페이지 → 꾸미기 → 스킨편집 메뉴로 이동하세요. 2단계 스킨편집페이지에 진입하였습니다. 스킨은 본인의 블로그스킨마다 다릅니다 → html편집 버튼을 누르세요. 3단계 html 소스 빈공간에 마우스로 클릭하고 키보드 Ctrl버튼+F키를 함께 누릅니다... 블로그정보 2021. 12. 1. 초간단! 티스토리 블로그에 쿠팡파트너스 배너 삽입하기 쿠팡 파트너스 배너가 뭐죠? 쿠팡에서 운영하는 어필리에이트 프로그램으로 파트너스에 가입을 하고 쿠팡의 상품을 홍보하거나 배너를 홈페이지, 블로그에 등록하여 수익을 발생시킬 수 있게 돼요. 쿠팡 파트너스에 관한 자세한 이야기는 따로 포스팅하도록 하고 여기서 우리는 쿠팡 파트너스의 배너를 간단하게 생성하고 블로그에 삽입하는 방법을 알아봐요. 티스토리 초보자예요. 알기 쉽게 알려주세요. 네, 최대한 간결하고 자세하게 알려드릴게요. 차례대로 따라 해 보세요. 1. 쿠팡파트너스에 로그인한 후 링크 생성 → 다이다믹 배너에 들어간다. 2. 다이내믹 배너 메뉴페이지에 들어가면 우측에 배너 생성 아이콘이 있습니다. 클릭하세요. 3. 배너생성 페이지에서 내 마음대로 적절하게 옵션을 설정하세요. 배너 제목은 원하는 대로,.. 블로그정보 2021. 11. 18. 이전 1 2 3 다음 💲 추천 글 반응형