반응형 나만의 티스토리10 유용한 크롬 확장 프로그램 블로그 하면서 필요한 크롬 확장 프로그램 정리 드래그프리우클릭 방지 해제 (alt+1으로 해제)리뷰언즈 엔서포터실시간 글자 수 표시, 네이버 키워드 및 블로그 분석Youtube Summary WithAI가 음성을 분석해 텍스트로 변환 (유튜브 영상 음석 텍스트 변환)원하는 유튜브 영상을 플레이 한다.youtube summary with 확장프로그램 연다ctl + x + x (ctl키 누르고 x를 누 번 누른다.)음성파일이 텍스트 파일로 챗gpt창에서 정리가 된다.Link Clump키워드 연관키워드를 한 번에 창의 띄워 주는 프로그램 (Z를 누르고 드래그) 나만의 티스토리 2024. 3. 2. 더보기 ›› 월별 수익형 키워드 업데이트 롱테일 법칙은 인터넷 시장에서 소비자의 다양한 요구를 충족하는 마케팅 전략으로 인기를 얻고 있습니다. 이는 특정한 소수의 제품이 아닌 다양한 니치 제품들이 전체 매출의 상당 부분을 차지한다는 개념입니다. 이를 통해 스몰 비즈니스는 더 세분화된 고객 층에 집중하고 높은 전환율을 달성할 수 있습니다. 롱테일 키워드는 인터넷 검색에서 사용되는 구체적이고 특정한 검색어를 의미합니다. 이러한 키워드는 검색량은 낮지만, 유입 전환율이 높아 SEO에 중요한 역할을 합니다. 이러한 키워드는 보통 3~4개 이상의 단어로 구성되어 있으며, 사용자의 의도를 더 정확하게 반영합니다. 또한 경쟁 강도가 낮아서 효과적으로 타겟팅할 수 있습니다. 롱테일 키워드를 찾는 방법으로는 "키워드 마스터"를 활용할 수 있습니다. 이를 통해 .. 나만의 티스토리 2024. 2. 16. 더보기 ›› ai 이미지로 역사 유튜브 쇼츠 만들기 ai 이미지로 역사 유튜브 쇼츠 만들기 역사 분야의 쇼츠가 게임에 비해 단가가 3~4배 높다고 하는데, 제작 방법을 간단히 요약하면 GTPS를 사용해 대본을 작성하고 이미지를 생성한 다음 일레븐랩스를 활용해서 나레이션을 제작하고 캡컷으로 영상을 편집하면 된다. 여기서 GPT를 사용하지 않고 GPTS를 사용하는 이유는 내가 원하는 분야의 GPTS를 사용하면 관련 분야에 대한 질문을 할 때 복잡한 프롬프트를 입력하지 않아도 미리 입력된 프롬프트에 따라 정확하고 원하는 결과를 쉽게 얻을 수 있기 때문이다. 역사 유튜브 쇼츠를 만들기 위해서 필요한 사이트는 다음과 같다. 관련링크 대본만들기 GPTs: https://chat.openai.com/g/g-SozXnHbVm... 대본 다듬기 GPTs: https://.. 나만의 티스토리 2024. 1. 15. 더보기 ›› 로파이 뮤직 나도 유튜브에 올리고 돈 좀 벌어보자 티스토리 수익을 극대화하기 위해 유튜브를 검색하다가 우연히 "로파이 뮤직"이 대세라는 영상을 보게 되었다. 유튜브 영상 (https://youtu.be/bpBr2sIep2g)인데, 구독은 하지 않아서 잊어 버릴까 싶어 나만의 티스토리에 기록을 하고 시간이 되면 로파이 뮤직을 만들어 보기로 결심했다. 유튜브 채널 "노마드크리스TV"님께 감사하다. 동의 없이 나만의 기록을 남기기는 하지만 프롬프트는 댓글에 남기었기에 참고로 가져왔다. 기본틀에서 변형만 하면 될 것 같아서... 지금부터 로파이 뮤직 만드는 법에 대해 기록을 남기는데 유튜브 영상을 따라하면서 순서대로 기록했다. 미루지 말고 꼭 만들어 보자!!! 요즘 유행하는 이미지 샘플 ( 프롬프트가 중요한 것 같다 섬세하게 표현도 잘했네 ) 로파이 뮤직 참고.. 나만의 티스토리 2024. 1. 11. 더보기 ›› [CSS] a 태그 hover 모음 [CSS] a 태그 hover 모음 a 태그 링크 모던한 디자인 1. hover effect 2 HTML Effect 2 Home About Gallery Notes Contact CSS /*hover effect 2 */ .SMN_effect-2 a:before, .SMN_effect-2 a:after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s.. 나만의 티스토리 2023. 12. 23. 더보기 ›› 티스토리 자동 목차 코드 및 순서 정리 티스토리 자동 목차 코드 및 순서 정리 1. 파일업로드 2. HTML ### 사이에 삽입 ctrl+f : 위에 삽입할 것 3. HTML ### 사이에 삽입 HTML 코드 맨 끝 , 바로위에 삽입할 것 4. CSS CSS 코드 맨 끝에 삽입할 것 나만의 티스토리 2023. 12. 22. 더보기 ›› 티스토리 자동 목차 코드 및 순서 티스토리 자동 목차 코드 및 순서 1. 파일업로드 2. HTML 목차 3. HTML 4. CSS /* articleToc CSS 스타일 */ #tocContainer, #tocHeader, #tocContent { box-sizing: border-box; } #tocContainer { width: 100%; position: relative; margin-bottom: 15px; } #tocHeader { display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; background-color: #f9f9f9; border: 1px solid #ddd; } #tocContent { width: 100%; .. 나만의 티스토리 2023. 12. 22. 더보기 ›› 웹 페이지에서 하단 오른쪽에 고정된 위치에 있는 이미지 클릭시 이동 웹 페이지에서 하단 오른쪽에 고정된 위치에 있는 이미지 클릭시 이동 아래 코드는 특정 웹 페이지에서 사용되는 HTML 코드입니다. 이 코드는 사용자가 웹 페이지에서 하단 오른쪽에 고정된 위치에 있는 이미지를 클릭하면 지정된 링크로 이동하게 됩니다. 해당 코드는 이동 링크를 나타내는 HTML 코드입니다. 아래는 코드의 해석입니다: 태그: 하이퍼링크를 정의하는 태그입니다. style 속성: 링크의 스타일을 정의합니다. display: scroll: 스크롤이 가능하도록 설정합니다. position: fixed: 화면에 고정된 위치에 표시됩니다. bottom: 200px: 하단에서 200픽셀 떨어진 위치에 표시됩니다. right: 00px;: 오른쪽에서 0픽셀 떨어진 위치에 표시됩니다. href="#": 클릭 .. 나만의 티스토리 2023. 12. 18. 더보기 ›› 페이지 하단 고정된 위치에 "top"으로 이동하는 html코드 페이지 하단 고정된 위치에 "top"으로 이동하는 html코드 이 코드는 페이지 하단에 고정된 위치에 "Top"으로 이동하는 링크를 생성하는 HTML 코드입니다. 아래는 코드의 각 부분에 대한 설명입니다. : 링크를 나타내는 HTML 앵커(anchor) 요소입니다. style="display:scroll;position:fixed;bottom:100px;right:10px;": 스타일 속성으로, 다음과 같은 속성이 설정되어 있습니다: display:scroll;: 스크롤이 가능한 상태일 때 스크롤 바를 표시합니다. position:fixed;: 요소를 화면에 고정시킵니다. 스크롤이 발생해도 요소가 움직이지 않습니다. bottom:100px;: 화면 하단으로부터 100픽셀 떨어진 위치에 요소를 배치합니다... 나만의 티스토리 2023. 12. 17. 더보기 ›› 티스토리 본문 글 사이드에 고정 링크 넣기 티스토리 본문 글 사이드에 고정 링크 넣기 포스팅 본문 내용 우측에 이미지를 넣고 내가 원하는 사이트로 이동시키는 html코드입니다. 나만의 티스토리 2023. 12. 17. 더보기 ›› 반응형 LIST 이전 1 다음
