검색

레이블이 구글 블로그 도전기.인 게시물을 표시합니다. 모든 게시물 표시
레이블이 구글 블로그 도전기.인 게시물을 표시합니다. 모든 게시물 표시

2024/11/02

블로그에 사용 가능한 무료 이미지 사이트 추천 2. unsplash 언스플래쉬.

블로그에 사용 가능한 무료 이미지 사이트 추천 2. unsplash 언스플래시.


블로그를 운영하다보면 여러 이유로 사진을 첨부해야 할 때가 있습니다.

사진 찍는 것을 좋아하고, 사진들을 잘 정리해두는 분들께는 별 필요가 없을 수도 있지만, 저처럼 사진 찍기를 싫어하고, 정리가 안 되는 블로거에게는 사진을 구하는 것도 일인데요.

다행히 여러 사이트들에서 무료 이미지를 제공하고 있으므로, 몇 개의 사이트를 알아두셨다가, 필요할 경우 사용하시면 될 듯 합니다.

이전 포스팅에서 저작권 걱정없이 이용할 수 있는 픽사베이에 대해 소개해드렸는데요.

오늘 포스팅에서는 언스플래시라는 사이트데 대해 소개해보도록 하겠습니다.

무료 이미지 사이트. unsplash.



여러 이미지 사이트가 있지만, 오늘 제가 소개해드릴 사이트는 언플래쉬인데요.

지적 재산권(저작권)의 개념이 조금씩 자리를 잡아가고는 있지만, 이를 악용하는 사람도 있고, 아직 남의 창작물을 함부로 사용하면 안된다는 사실을 모르시는 분들도 계시더군요.

한 때 폰트를 인터넷에 무차별로 뿌린 후, 저작권을 이유로 합의금을 뜯어낸 것이 이슈가 됐던 적이 있었습니다.

기술이 발전하는 만큼 사기꾼들의 기술도 점점 발전하는 것 같습니다.

쓸데없는 소리가 길었는데, 언스플래시 사이트를 방문하면, 무료로 이용 가능한 사진들을 다운로드 하실 수 있습니다.


상단 검색창에 필요한 사진을 검색하신 후,


우측 라이센스를 무료로 변경해 주시면 됩니다.


유료 상품을 무단으로 사용할 경우, 피곤해질 수 있으므로, 이 부분을 잘 확인하시는 것을 추천드립니다.

이상 무료 이미지를 사용할 수 있는 사이트인 언스플래쉬에 대한 소개 포스팅이었습니다.

2024/10/10

구글 블로그(구글 블로거 스팟) 사이트 속도 빠르게 하기. 이미지 지연로드. 구글 seo

구글 블로거 스팟(이하 구글 블로그라고 칭하겠습니다.)은 구글에서 버려진 자식의 느낌이 드는 것이 사실입니다.

다른 구글 서비스에 비해, 신경을 많이 안 쓰고 있는 것 같은데요.

불편한 점도 많고, 불가능한 기능도 많지만, 무료로 용량 제한없이 사용할 수 있다는 점에서는 개인의 사용 목적에 따라 꽤나 괜찮은 서비스라고 생각합니다.

티스토리나, 워드프레스, 네이버 블로그의 경우 많은 분들이 이용하고 계시기에, 인터넷이나 유튜브에 정보가 넘쳐나지만(물론 잘못된 정보도 상당히 많더군요.) 구글 블로그의 경우 제대로 된 정보를 찾기 위해서는 해외 사이트들을 뒤져봐야 합니다.

짧은 영어로 정보를 찾아보려니 어렵더군요. 

번역기를 이용하면 되지만, 아직 완벽한 번역을 제공하는 것은 아니므로, 오히려 더 헷갈려지는 경우도 있고.....

구글 블로그는 쉽지만은 않은 녀석인 것은 분명한 것 같습니다.

오늘 포스팅에서는 구글 블로그에서 이미지 로드를 지연시켜 블로그 글이 조금 더 빨리 열리도록 설정하는 방법에 대해 소개해보도록 하겠습니다.

"이게 무슨 말이야......"

라고 생각하실 분들을 위해 간단하게 부연 설명을 드리자면, 포스팅을 할 때 여러 장의 사진을 쓰게 되는 경우가 있는데, 해당 글을 독자가 클릭할 경우 이 이미지들이 한 번에 로드되면, 글이 열리는 시간이 길어지게 됩니다.

첫 화면에 보이는 사진만을 먼저 불러오고, 나머지 사진들은 독자가 화면을 내리면 천천히 불러오도록 설정하는 것이라고 보시면 됩니다.

너무 간단한 설정이라 포스팅 분량 확보를 위해 쓸데없는 말이 많아진 것 같네요.

그럼 본론으로 들어가 보도록 하겠습니다.



구글 블로그 이미지 지연로드 설정.




무언가 지연된다는 것은 안 좋다라는 인식 때문에, 이미지 지연로드 역시 안 좋게 생각하실 수도 있지만, 인터넷 환경은 제각각이기에 이미지 지연로드는 블로그를 운영하는 입장에서 생각해볼 문제라고 생각합니다.

저는 사진 찍는 것을 별로 좋아하지 않는지라, 필요한 사진은 캡처해서 써서 이미지 용량이 그리 크지는 않지만, 맛집이나 풍경사진, 구매 후기 등을 직접 사진을 찍어 올리는 분들께는 요즘 화질이 좋아진 휴대폰으로 찍는 사진은 어마어마한 용량으로 인해 블로그를 느려지게 만드는 주범이 되기도 합니다.

이런 분들은 이미지 지연 로드가 꽤나 큰 도움이 되실 수도 있는데요.

설정 방법은

1. 구글 블로그 실행


2. 좌측 목록에서 설정을 선택


3. 이미지 지연 로드 스위치를 on


우측 화면을 아래로 내리다보면 글 템플릿 밑에 이미지 지연 로드라는 항목이 보이실텐데, 스위치를 끄거나 켜주시면 됩니다.

스위치가 켜지면 이미지가 지연 로드 됩니다.

간단한 설정임에 반해, 블로그 운영자의 성향에 따라 꽤나 큰 효과를 볼 수 있는 기능이라 생각합니다.

이상 구글 블로그의 이미지 지연로드 설정에 대한 포스팅이었습니다.

2024/03/13

구글 블로그 이름 변경 방법. 구글 블로거 스팟 제목 글꼴, 크기 바꾸는 방법.

구글 블로거 스팟을 운영하다보면 각종 용어들이 다른 블로그들과는 조금 다른 것을 느낄 때가 있습니다. 

오늘 소개해드릴 포스팅 내용인 블로그 이름도 구글 블로그에서는 블로그 제목이라는 명칭을 사용하고 있는데요.

오늘 포스팅에서는 구글 블로거 스팟의 블로그 제목을 바꾸고, 꾸미는 방법에 대해 소개해보도록 하겠습니다.

이 블로그는 현재 ETC FACTORY라는 제목을 사용하고 있는데요.

솔직히 별 생각없이 대충 지은 이름이라....ㅎㅎ

그럼 잡설은 이만 줄이고 바로 시작해 보도록 하겠습니다.

구글 블로그 제목 변경.



먼저 구글 블로그의 이름을 변경하는 방법에 대해 알아보고, 상단에 표시되는 제목(이름)을 꾸미는 방법에 대해 알아보도록 하겠습니다.

구글 블로그 제목을 변경하는 방법은

1. 구글 블로그 접속


2. 설정>>>제목을 선택 후, 이름을 변경


좌측 목록에서 설정을 선택한 후, 제목을 선택하시고, 변경하고자 하는 이름을 적은 후 저장을 하시면 됩니다. 

제목 변경은 그리 어렵지 않지만, 구글 SEO에 영향을 미칠수도 있으므로, 신중히 변경하시는 것을 권해드립니다.


제목 꾸미기.


제목 변경을 하셨다면, 제목을 보기 좋게 꾸며주시면 되는데요.

1. 테마의 맞춤설정을 선택


2. 고급을 선택한 후, 페이지 텍스트를 선택



3. 생성되는 팝업에서 블로그 제목을 선택


4. 설정


이 곳에서 블로그 제목의 글꼴, 색상, 폰트 크기등을 보시면서 조절해 주시면 됩니다. 

이상 구글 블로그에서 제목을 변경하고 꾸미는 방법에 대한 포스팅이었습니다.

2024/03/12

구글 블로거 스팟(구글 블로그) 백업하기. 구블 백업.

구글 블로거 스팟을 시작한지 벌써 6개월이 넘었네요.

자주 포스팅을 하지는 못하고 있고, 보험 개념으로 조금씩 글을 쌓고 있어서 현재 운영중인 워드프레스와 겹치는 부분도 있고, 그러면 안되는 것은 알지만, 포스팅의 질도 상당히 떨어지는 것을 느낍니다. 

편집기의 불편함과 파일을 첨부하기 어려운 구블 특성상(첨부는 가능하지만 다른 블로그들에 비해 상당히 불편하죠. 그래서 파일을 첨부해야 하는 포스팅은 구블에서는 패스하고 있습니다.) 정이 덜 가는 것도 사실입니다. 

물론 서버를 신경쓸 필요도 없고, 비용이 들어가지도 않고, 다른 구글 서비스들과의 연동이 아주 조금 편한 것은 구글 블로그만의 장점인 것 같습니다.

블로그를 운영하다보면 여러 이유로 백업을 받아 두시는 것이 좋은데요.

워드프레스의 경우, 자동으로 주기적으로 백업을 해주는 시스템이 있지만, 구블의 경우 수동으로 백업을 해주시는 것이 좋습니다. 

아무런 사고없이 운영을 하시는 분들도 계시겠지만, 사고란 것이 언제 어떻게 발생할 지 모르므로, 한 달에 한 번이라도 백업을 받아 두시는 것을 추천드립니다. 

오늘 소개해 드릴 구블 백업이 너무 간단한 내용이라 서두가 쓸데없이 길었는데, 오늘 포스팅에서는 구글 블로그를 백업하는 방법에 대해 소개해보도록 하겠습니다.


구글 블로그 백업 방법.



구글 블로그의 백업 방법은 상당히 간단합니다. 어디에서 백업을 하는지만 알면 그리 어렵지 않게 작업이 가능하시리라 생각합니다.

별도의 응용 프로그램을 설치할 필요도 없고, 서버에 직접 접속할 필요도 없습니다. 

구글 블로그를 백업하는 방법은

1. 구글 블로그 접속


백업하려는 구글 블로그에 접속해 줍니다.

2. 설정을 선택



3. 콘텐츠 백업을 선택


설정 우측의 화면을 아래로 쭉쭉 내리시다보면, 콘텐츠 백업이라는 항목이 보이실텐데, 이 녀석을 선택해줍니다.

4. 다운로드를 선택


5. 저장할 위치를 선택

PC에서 저장할 위치를 지정해준 후, 저장을 선택해 줍니다.

여기까지 하시면 백업이 완료됩니다. 콘텐츠 백업 상단의 콘텐츠 가져오기를 통해 백업해 둔 자료들을 가져올 수 있습니다. 

이상 구글 블로그에서 백업을 하는 방법에 대한 포스팅이었습니다.

2024/01/30

구글 블로거 스팟(구글 블로그)에 카테고리(라벨) 만들기. 라벨 사이드바에 표시하기.(가젯 설정)

네이버는 네이버 블로그를 우선적으로 노출해주고, 티스토리의 경우 다음에서 어느 정도 노출을 보장해주는데요.

물론 티스토리의 경우 네이버보다는 자사 블로그 우대가 덜한 편이긴 하지만, 한달간의 유예 기간을 둔 후, 어느 정도 노출을 해주는 경향이 있어 워드프레스나 구글 블로그에 비해서는 블로그 포스팅의 상위 노출이 쉬운 편입니다. 

물론 다음의 검색 알고리즘이 들쑥날쑥 제 멋대로인지라 그렇게 느껴지는 면도 있긴 하지만......

네이버, 티스토리에 비해 구글 블로거 스팟과 워드프레스가 노출이 조금 더 어려운 것은 사실이라 생각합니다. 

물론 seo에 맞춰 각 검색 엔진이 좋아하는 형태의 글쓰기를 하면 노출이 조금 더 잘 되기는 하지만, 구조적인 문제도 있고, 새로운 도메인을 사용하면 인지도(신뢰도)면에서 마이너스인 요소도  있고.....

이런 요인들과 구글 블로거 편집기의 불편함은 많은 분들이 구글 블로그를 시작하는데 걸림돌이 되는 것 같더군요.

그러다보니, 블로그 운영에 필요한 정보를 찾기도 어렵고....

구글 블로그는 워드프레스에 비해 도메인이나 서버 관리를 신경 안써도 되고, 티스토리처럼 무료인지라 꽤나 괜찮은 플랫폼임에도 불구하고, 아직까지 다른 플랫폼에 비해 사용자가 적은 것 같습니다.

오늘 포스팅에서는 구글 블로거 스팟(구글 블로그)에서 라벨을 만들어 다른 플랫폼의 카테고리처럼 활용하는 방법에 대해 소개해보도록 하겠습니다.

이렇듯 쓸데없는 소리를 주절주절 늘어놓는 이유는, 너무 간단한 내용이라 포스팅 분량을 확보해보려는 얇팍한 속셈이었습니다.


구글 블로거 스팟 라벨 만들기.



구글 블로거는 편집기도 꽤나 불편하고, 인터페이스 자체도 딱히 친절하지 않습니다.

파일을 첨부하려면 구글 드라이브를 이용해야 하는 불편함도 있죠.

단점이 꽤나 많은 플랫폼이지만, 사용하다보면 꽤나 많은 장점도 가진 플랫폼이라고 생각합니다. 

구글 블로그는 다른 여타의 블로그들과 다르게 라벨이라는 녀석이 있는데요.

이 녀석을 다른 플랫폼의 카테고리처럼 이용할 수가 있습니다.

이 녀석의 정체와 역할에 대해 깊이 들어가자면 끝이 없어질 듯 하므로, 태그 역할도 하고, 카테고리처럼 활용할 수도 있다는 것만 기억하시면 크게 문제는 없으시리라 생각합니다. 

활용방법 또한 꽤나 많지만, 오늘 포스팅에서는 카테고리처럼 활용하는 방법에 대해 먼저 소개해보도록 하겠습니다.

현재 이 블로그에도 라벨이 적용되어 있는데요.

우측에 카테고리처럼 보이는 녀석들이 라벨을 통해 카테고리처럼 구현해 놓은 상태입니다.

라벨을 만드는 방법은 상당히 간단합니다.

포스팅 편집 화면에서 우측 라벨 항목에 원하는 라벨명(카테고리명)을 입력해 주시면 됩니다. 


새로운 라벨(카테고리)를 추가하길 원하시면, 그냥 라벨을 써서 붙여주시면 되는 것이죠.

1,2,3,4,5,6,7이라는 글들을

a -1,2,3

b- 4,5,6

c- 1. 5, 7

위의 예시처럼 a,b,c 라는 라벨을 붙였다면, 1번 포스팅은 a라벨에서도 검색이 되고, c라벨에서도 검색이 되게 됩니다.

하나의 라벨만을 선택해야 된다는 생각을 가지신 분들도 계시던데, 여러 개의 라벨을 동시에 적용해도 큰 문제는 없습니다.

제 블로그로 예를 들자면, 제가 만약 휴대폰에서 카톡을 사용하는 방법에 대한 포스팅을 한다면, 카톡이라는 라벨과 휴대폰 사용법이라는 라벨 두 가지를 모두 붙이면 해당 포스팅은 카톡, 휴대폰 사용법 모두에서 검색이 되게 됩니다.

구글 블로그는 편집도 자유로우므로, 편하게 라벨을 붙이시면 됩니다. 

정 안되면 나중에 수정하시면 됩니다.

그러니까 카테고리를 만들고, 새로운 글을 발행하면 그 카테고리에 넣는 다른 플랫폼과는 다르게, 구글 블로거는 글을 쓰고, 그 글에 포스트 잇처럼 라벨을 붙이는 것이죠. 

라벨 사이드바에 표시하기.



라벨을 만들었으면 다른 플랫폼의 카테고리처럼 사이드바에 표시가 되게 해주어야 하는데요.

라벨을 사이드바에 표시해주는 방법은

1. 좌측 목록에서 레이아웃 선택 후, 우측의 가젯 추가를 선택


2. 라벨을 선택


3. 라벨 설정

이름을 정하고(카테고리 등 원하는 이름을 입력하시면 됩니다.) 저장을 선택

4. 하단부 우측 디스크 모양의 저장을 선택


저장을 해주면 끝이 납니다.

이상 구글 블로그에 카테고리(라벨)을 만들고 적용시키는 방법에 대한 포스팅이었습니다.

2023/12/16

구글 블로거 스팟(구글 블로그) 글씨 크기 조절하는 방법. 글꼴 바꾸기.

티스토리 광고 사건으로 인해 티스토리의 모든 글들을 지우고 구글블로그를 시작한 지 벌써 6개월이 되어가네요.

아직까지 구글 블로거에 잘 적응이 되지 않는 것은 편집기 자체의 문제도 있겠지만, 게으른 저 때문이겠죠. ㅎㅎ

구글 블로그는 보험성으로 운영하는지라, 별다른 신경을 쓰지 않아서 더 그런 것 같네요.

구글 블로그에 대한 정보를 찾아보려면 대부분 영어로 된 녀석들이 많은지라, 접근성이 떨어지는 것도 한 몫하는 것 같구요.

쓸데없는 소리가 길었는데 오늘 포스팅에서는 구글 블로거에서 글씨 크기를 조절하는 방법에 대해 소개해보도록 하겠습니다. 

저처럼 처음 구글 블로그를 시작하시는 분들꼐 조금이나마 도움이 되시길 바라는 마음에.....


구글 블로그 글씨 크기 조절 방법.



구글 블로그에서는 간단한 방법을 통해 글씨 크기를 조절할 수 있습니다. 

css나 html을 건드리는 방법도 있긴 하지만, 기본적으로 글씨 크기를 조절하는 툴을 제공하고 있는데요.

구글 블로그에서 글씨 크기를 조절하는 방법은

1. 구글 블로거 스팟 실행


2. 테마>>>.맞춤설정을 선택


3. 고급을 선택


4. 페이지 텍스트에서 글꼴 및 글자크기를 선택


이 곳에서 글꼴 및 글자크기를 선택해 주실 수 있습니다.

페이지텍스트 부분을 누르시면


블로그 제목, 설명, 탭 텍스트, 링크 등에 대한 글꼴 및 크기, 색상도 설정해 주실 수 있습니다.

어디서 이런 기능을 설정하는지만 알면 그리 어렵지 않게 설정이 가능히라리 생각합니다. 

이상 구글 블로거 스팟에서 글자 크기, 글꼴을 변경하는 방법에 대한 포스팅이었습니다.

2023/11/08

구글 블로거 스팟. 구글 블로그 애드센스 중간광고 수동 삽입 방법. 애드센스 광고단위 만들기.

구글 블로그 스팟은 편한 듯 하면서도, 묘하게 불편하기도 한 그런 녀석인데요.

워드프레스에 비해 신경을 덜 써도 되는 점과 구글 애드센스 및 서치콘솔, 애널리틱스와의 연동이 쉽다는 장점이 있지만, 불편한 편집기와 먼가 어설픈 인터페이스는 단점이라고 할 수 있겠네요.

하지만 모든 단점을 무력화시키는 무료라는 점과 저장공간, 서버관리에 신경을 안 써도 되는 점은 상당히 좋은 것 같습니다. 

html, css등에 능숙하다면 상당히 좋은 녀석인 건 사실인 것 같습니다. 

쓸데없는 소리가 또 길어지고 있는데, 오늘 포스팅에서는 구글 블로거 스팟의 중간 광고를 수동으로 넣는 방법에 대해 소개해보도록 하겠습니다.

이전 포스팅에서 상, 하단 광고와 사이드바 광고를 넣는 방법에 대해 소개해드렸는데요.

해당 포스팅을 함께 보시면 좋을 듯 하네요.


애드센스 광고단위 만들기.



 애드센스 광고 단위를 만드는 방법에 대해서는 워낙 다른 사이트나 블로그 등에서 많이 다루셨길래, 이전 포스팅에서는 생략하고 넘어갔었는데, 오늘 포스팅에서는 광고 단위를 만드는 방법에 대해서도 함께 소개해보도록 하겠습니다. 

애드센스에서 광고 단위를 만드는 방법은

1. 애드센스 접속 및 로그인


2. 좌측의 광고를 선택 후, 광고 단위 기준을 선택


3. 원하는 광고 형태를 선택



포스팅 중간에 넣을 예정이므로 그냥 디스플레이 광고를 선택해보겠습니다.

4. 이름 설정 및 만들기



이름을 정해주고, 만들기를 선택하시면 됩니다. 

이름을 정해주는 이유는 추후, 애드센스에서 알아보기 편하게 하기 위해서이므로, 어디에 넣을 광고인지 구분이 되도록 만들어 주시는 것이 좋습니다.

광고크기는 반응형. 광고 형태는 사각형, 수평형 중 원하는 녀석을 선택하시면 됩니다.

5. 복사하기

광고가 생성되었습니다. 

광고를 수동으로 계속 넣어주실 생각이시라면, 복사하여 메모장 같은 곳에 미리 정리를 해두시면 추후 편하게 써먹을 수 잇습니다.

광고를 이 라인 바로 아래에 넣어줄 생각입니다. 광고 송출 빈도를 줄여두었기에, 이 포스팅을 보실 때 광고가 안 나올 수도 있습니다.



구글 블로그에 애드센스 광고 수동으로 넣기.


광고를 만들었으면, 이제 원하는 위치에 넣어주시면 되는데요.

저 같은 경우(예전에 티스토리를 할 때) 


요런 식으로, 광고 넣을 자리를 미리 잡아두고, 나중에 한 번에 html편집에서 넣어줬습니다.

구글 블로그에 애드센스 광고를 수동으로 넣는 것은 아주 간단합니다.

1. 구글 블로그 편집기 실행


2. 포스팅을 작성


3. html보기를 선택


4. 원하는 위치에 만들어 둔 광고를 붙여넣기.


 저의 경우, 위에서 광고라고 표시해 둔, 녀석을 지우고 그 자리에 아까 만들어 둔 광고 단위를 넣어주면 끝이납니다. 저는 귀찮아서 광고라고 위치만 표시해 두는 데, 다른 문구로 만드셔도 크게 상관은 없습니다.

발행을 하고 확인을 해보니


이렇게 아주 잘 나오고 있네요.

이상 구글 블로거에 애드센스 광고를 수동으로 삽입하는 방법에 대한 포스팅이었습니다.

2023/10/12

구글 블로거 스팟(구글 블로그)사이드 바 애드센스 광고 설정하는 방법. 사이드바 설정.

이전 포스팅에서 구글 블로그에 본문 상단, 하단에 광고를 넣는 방법에 대해 소개해드렸는데요.

이번 포스팅에서는 사이드바에 광고를 넣는 방법에 대해 알아보도록 하겠습니다.

사실 이 구글 블로그는 실험 성격의 블로그라 이렇게도 바꿔보고 저렇게도 바꿔보고.... 그냥 방치해두기도 하는데요.

구글 블로그는 나름의 장점도 있지만, 티스토리에 길들여지다보니, 아직도 어색하고 적응이 안되는 것 같습니다. 

유료 스킨을 구매하면 괜찮다고는 하는데, 아직까지 그렇게 정이 가지는 않네요.

그럼 잡설은 이만 줄이고 바로 본론으로 들어가보도록 하겠습니다.


구글 블로거 스팟 사이드바 설정.




 본론으로 들어가기에 앞서 구글 블로그에서 사이드바를 설정하는 방법에 대해 먼저 간단하게 소개해보도록 하겠습니다. 

 구글 블로그가 처음이신 분들께 조금이나마 도움이 될까 싶어.....

 구글 블로그에서 사이드바를 설정하는 방법은

1. 구글 블로그 실행


2. 테마>>>맞춤설정 선택



3. 레이아웃 설정



 본문 레이아웃을 사이드바가 있는 녀석으로 선택해주시면 됩니다 

 좌우에 사이드바가 위치한 형태도 잇고, 사이드바가 여러개인 녀석도 있으므로, 보시고 마음에 드시는 녀석으로 선택해주시면 되겠습니다.


사이드바에 애드센스 광고 추가하는 방법.


구글 블로그는 구글에서 관리하고 있는 녀석이라 그런지 다른 사이트에 비해, 애드센스의 연동이 손쉬운 편입니다.

구글 블로그 사이드바에 구글 애드센스를 추가하는 방법은

1. 테마에서 사이드바가 있는 녀석을 선택


2. 레이아웃 선택 후, 가젯 추가를 선택


좌측의 메뉴에서 레이아웃을 선택한 후, 사이드바 부분에서 가젯 추가를 선택해줍니다.

3. 애드센스를 선택



4. 반응형을 선택


사이즈를 정확히 정해주셔도 되지만, 반응형을 해두는 것이 제일 속편하더군요. 반응형을 선택한 후, 저장을 선택

5. 위치를 조정


블럭 단위로 위, 아래로 이동이 가능합니다. 두시고 싶은 위치에 가져다 놓습니다.

6. 저장을 선택



하단부 우측의 저장을 선택하시면 모든 과정이 완료됩니다. 

이상 구글 블로그에서 애드센스 광고를 사이드바에 넣는 방법에 대한 포스팅이었습니다.

2023/10/10

구글 블로거 스팟에 애드센스 광고, 상단, 하단 광고 추가하는 방법. 구글 블로그 광고. HTML편집.

구글 블로그 광고 넣기.


티스토리 사태로 인해 보험성으로 만들어 둔 구글 블로거지만 방문자가 조금씩 생기기 시작했습니다. 물론, 티스토리를 할 때에 비하면, 아주 작은 숫자이지만, 기대하지 않았던 구블이기에 누군가 찾아주신다는 것이 마냥 기분 좋네요.

 구글 블로거를 하면서 느낀 점이 티스토리의 경우 많은 분들이 사용하셔서인지, CSS나 HTML편집 관련하여 참고할 만한 많은 정보들이 있는데, 구글 블로그는 확실히 국내 사용자가 많지 않아서인지, 자료들을 찾아보기가 어려운 것 같습니다. 

 물론, 외국 자료들은 많지만요. 짧은 영어로 생소한 분야에 대한 정보들을 찾아보려다보니 쉽지는 않더군요.

 쓸데없는 소리가 길어졌는데, 오늘 포스팅에서는 구글 블로거 스팟에서 애드센스, 상, 하단 광고를 넣는 방법에 대해 소개해보도록 하겠습니다. 


구글 블로거 스팟 HTML편집.




 블로그를 하다보면 좋든, 싫든 HTML을 어느 정도 배우게 되는데요.

 배우기 싫어도 계속 보다보면 어느 정도는 이 녀석에 대해 조금이나마 알게 되는 것 같습니다. 

 쓸데없는 소리는 이만 줄이고, 본론으로 들어가 구글 블로거 스팟에 애드센스 광고를 넣는 방법은 꽤나 여러가지가 있지만, HTML 편집을 통해 상, 하단에 광고를 넣는 방법에 대해 알아보도록 하겠습니다. 

 HTML 편집을 하려면, 어디서 편집을 해야하는지 먼저 알아야 할 듯 하여, 아시는 분들도 계시겠지만, 간단하게 HTML 편집 경로에 대해 먼저 소개해보도록 하겠습니다. 

1. 구글 블로거 실행 및 로그인


2. 테마>>맞춤설정 옆의 화살표를 선택


3. html편집을 선택




여기까지 하시면 html편집 화면으로 이동이 가능합니다.

html 편집을 통해 애드센스 광고를 상, 하단에 넣기.


 html편집 화면까지 이동을 하셨다면, 이제 광고를 넣어주시면 되는데요.

 광고 단위는 애드센스에서 이미 만들어 두셨다는 가정하에, 진행을 해보도록 하겠습니다.

 혹시 만드는 방법을 모르시는 분은..........찾아보시면 광고단위 만드는 방법에 대한 정보는 많습니다. 구글 검색.

 이제 광고 단위를 넣어줄 위치를 찾아야 하는데요.

 사용하시는 스킨마다 약간씩은 다를 수 있지만,

  <data:post.body/>


요 녀석을 찾아주시면 됩니다. 스킨 종류에 따라 2개~4개 정도가 나올 텐데, 보통 가장 마지막에 있는 녀석을 찾아주시면 됩니다 

 저 녀석이 본문을 뜻하는데, 저 녀석 위, 아래로 광고 코드를 넣어주면

광고

본문

광고

이런 형태의 배치가 되는 것이죠.



저 녀석을 찾은 후, 위 사진처럼 광고 코드를 복사 붙여넣기 해주시면 끝이 납니다. 

이렇게 하시면 본문 상, 하단에 애드센스 광고가 배치됩니다. 

 이상 구글 블로그에 애드센스 광고를 본문, 상단, 하단에 배치하는 방법에 대한 포스팅이었습니다.

2023/08/15

코드 색상표 사용방법. html 색상표 사용방법. 글자색 바꾸기. 글꼴 색.

코드 색상표.


 블로그를 운영하다보니, 싫어도 html, css 등을 사용할 일이 생기더군요.

 울며 겨자먹기 식으로 조금씩 배우고 있는데요. 관련전공을 하신 분들이나, 프로그래밍 언어를 배우신 분들께는 식은죽 먹기보다 쉬운 일일테지만, 저같은 문외한에게는 외계어처럼 다가옵니다. 

 그래서 오늘은 저같은 초보분들을 위해 코드 색상표를 확인하고, 사용하는 방법에 대해 소개해보도록 하겠습니다. 그나마 코드 색상표를 찾고, 적용하는 것은 다른 작업들에 비해 쉽더군요. 

 이전 포스팅에서 구글 블로그 글 템플릿을 설정하는 방법에 대해 소개해드렸는데, 함께 보시면 좋을 듯 합니다.




코드 색상표.





 여러 사이트에서 코드 색상표를 제공하고 있는데요

 오늘 제가 소개해드릴 사이트는 네이버 색상표입니다.

 네이버 검색창에 html 색상표라고 검색하시거나, 아래의 링크를 이용하시면 되겠습니다.






네이버 색상표에서 원하는 색상의 코드를 보고, 해당 색상을 적용시켜주면 되는데요.


 예시를 보여드리기 위해 이 문장을 다른 색으로 바꿔보겠습니다.

위 문장의 html코드는

<div style="text-align: left;"><span style="color: #2b00fe;">&nbsp;예시를 보여드리기 위해 이 문장을 다른 색으로 바꿔보겠습니다.</span></div><div style="text-align: left;"><br /></div><div style="text-align: left;">&nbsp;</div> 

위와 같은데, color이라는 부분이 글자 색상입니다. #2b00fe 요 녀석이 위 문장의 파란색의 색상코드인 것이죠. 이 녀석을 만약 보라색 비스무레 한 녀석으로 바꾸고 싶다면 색상 팔레트에서 조회를 하면



#D941C5

라는 녀석이 저 색상의 html 코드입니다 2b00fe를 지우고 #D941C5를 그 자리에 넣어주면,



 예시를 보여드리기 위해 이 문장을 다른 색으로 바꿔보겠습니다.

 
이렇게 위에서 선택한 색으로 글씨 색상이 변하게 됩니다. 

 네이버 색상표 뿐만아니라, 미리캔버스 등 여러 사이트에서 색상표를 제공하고 있으므로 마음에 드는 녀석으로 이용하시면 되겠습니다.

 몇 번 해보시면 글자색 바꾸는 것은 쉽게 적용이 가능하시리라 생각합니다 .

 이상 html 색상표 및 글자색상 변경에 대한 포스팅이었습니다.

2023/08/14

구글 블로거 스팟(구글 블로그) 소제목 꾸미기(h2, h3, 태그), 글 템플릿 적용방법.

구글 블로그 스팟 제목 꾸미기.


 티스토리 사태로 인해 많은 분들이 워드프레스, 구글 블로거 스팟(구글 블로그)를 시작하셨을거라 생각합니다.

 물론 저 역시, 그렇게 시작을 했구요.

 티스토리와 워드프레스, 구글 블로거 스팟의 편집기는 기능도 다르고 사용법도 각기 달라서 적응하시는데 애를 먹고 있으시리라 생각합니다. 

 저 역시 구글 블로그(이하 구글 블로그라고 칭하겠습니다.)에 적응하느라 고생을 하고 있는데요.

 구글 블로그의 경우, 보험 성격이라 그리 많은 시간을 투자하지도 않고, 테마나 css, html등을 초기에 설정만 살짝 해두고 그냥 그대로 사용하고 있습니다.

 구글 블로그의 편집기는 다른 곳들에 비해 상당히 심플한데요.

 그러다보니, 많은 부분을 html에 의존해야 합니다.

 html을 잘 하시는 분들이야, 상관없으시겠지만, 저 같은 초보는.... 어렵더군요.

 매번 html모드로 변경을 해 주는 것도 귀찮구요.

 저의 경우에는 템플릿을 설정해 두고, 새 글 작성하기를 누르면



 요런 식으로 나오도록 설정해두고 사용중인데요. 요렇게 해놓고 필요할 때마다 복사 붙여넣기를 통해 글을 작성하고 있습니다.

 저처럼 매번 html들어가서 편집할 능력이 안되시는데, 소제목을 꾸미시고 싶으신 분들은 이렇게 이용하시는 것도 좋을 듯 합니다.

 소제목 h2, h3등의 태그들은 seo에도 영향을 미친다니까 설정을 해두시기를 권해드립니다.

 그래서 오늘의 포스팅은 구글 블로그에서 글 템플릿을 설정하는 방법에 대한 내용입니다.



 블로그 템플릿.





 블로그 템플릿 설정에서 한 번만 저장을 해두면 새 글을 작성할 때마다 해당 템플릿을 불러오게 되는데요.


 현재 저의 블로그에 적용되고 있는 템플릿은

<h1 style="text-align: left;">제목입력</h1>

<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>

<h2 style="border-bottom: 2px solid rgb(155, 155, 255); border-image: initial; border-left: 10px solid rgb(155, 155, 255); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; letter-spacing: 1px; line-height: 1.5; margin: 5px 0px; padding: 3px 5px; word-spacing: 3px;">
    <font><span style="font-size: 21px;">Introduction</span></font></h2>

<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>

<h2 style="border-bottom: 2px solid rgb(155, 155, 255); border-image: initial; border-left: 10px solid rgb(155, 155, 255); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; letter-spacing: 1px; line-height: 1.5; margin: 5px 0px; padding: 3px 5px; word-spacing: 3px;">
<font><span style="font-size: 21px;">01</span></font></h2>

<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>

<h2 style="border-bottom: 2px solid rgb(155, 155, 255); border-image: initial; border-left: 10px solid rgb(155, 155, 255); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; letter-spacing: 1px; line-height: 1.5; margin: 5px 0px; padding: 3px 5px; word-spacing: 3px;">
<font><span style="font-size: 21px;">02</span></font></h2>

<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>

<div>
    <p style="background-color: #F2F2F2; padding: 10px; text-align: center;">
        <font><span style="color: black; line-height: 1.5;">Posted by ordinius<br />September 07 2020</span></font>
    </p>
</div>

<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>

<span style="background: rgb(249, 249, 249); border-radius: 5em; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; margin-left: 5px; padding: 0.6em 1em;">👉 구글 크롬 맞춤법 검사기 관련 포스팅 바로가기.</span></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p>


 위와 같습니다. 제 블로그처럼 설정을 하실 분들은 위의 코드표를 복사하시고 색상은 html 색상표를 참고하셔서, 원하는 색상으로 color부분만 변경해주시면 됩니다.


 네이버나 미리캔버스 등 원하는 곳에서 색상코드표를 검색하셔서 사용하시면 되겠습니다. 혹시 궁금하신 분들은 추후 색상코드표를 사용하는 방법에 대해 소개해드릴 예정이므로, 해당 포스팅을 참고해주세요.



 구글 블로거 스팟 템플릿 적용 방법.


 위의 템플릿이나 다른 분들이 올려 놓으신 템플릿을 복사하셨다면, 메모장 등에 붙여 넣기를 하신 후, 원하는대로 편집을 하시면 됩니다. 

 이후 구글 블로거의 설정을 선택하신 후, 




글 템플릿을 선택하신 후, 붙여넣기를 하시고, 저장을 누르시면 완료됩니다. 참 쉽죠? 



 
 이 후 새 글을 눌러 템플릿이 제대로 적용됐는지 확인을 하시면 모든 과정이 끝이 납니다. 

 저도 구글 블로그는 처음이라 이것저것 배우고 있기는 한데, 워드프레스에 비해 설정해 줄 것이 많지는 않아서 편하기는 하네요. 

 다만, 파일을 첨부하거나, 사진을 넣는 것이 조금 많이 불편하기는 한데, 나중에 구글블로그가 활성화가 되면, 유료테마도 고려를 해봐야 할 것 같습니다.

 이상 구글 블로그에서 글 템플릿을 적용하는 방법에 대한 포스팅이었습니다.

chat GPT에게 질문을 잘하는 방법. 프롬프트 사용법. chat GPT 사용법.

chat GPT에게 질문을 잘하는 방법. 프롬프트 사용법. chat GPT 사용법. 여기서도 ai, 저기서도 ai, 요즘은 ai를 빼면 얘기가 안 되는 것 같습니다. 갤럭시 휴대폰에는 ai서비스가 걸음마 단계이지만 탑재되었고, 카카오톡도 ai 서비스를...