반업주부의 일상 배움사
구글 블로그스팟 서식 설정 (blogspot, bloggger) :: ChatGPT 정리 본문
[ 요약 ]
블로그 스팟을 사용하면 티스토리와 같은 방식으로 글을 작성할 수 있습니다.
h태그나 단락, 광고 등의 부분도 챙겨서 작성할 수 있습니다.
블로그 스팟에서 제공하는 테마를 사용해도 좋으며, h1 태그는 포스팅당 하나씩만 넣으면 됩니다.
본문에 디스크립션과 h1 태그를 넣고 광고를 추가하면 됩니다.
html 코드는 간단하게 구성하는 것이 좋으며, 연필 모양을 눌러 html 보기를 선택한 후 코드를 복사하여 글 템플릿에 붙여넣으면 됩니다.
블로그 스팟은 자유도가 높지만 어려울 수 있으므로 기본적인 내용을 숙지하고 응용해보세요.
광고는 자동으로 추가되며, 중요한 부분에 컬러를 넣어 강조할 수 있습니다.
html 코드는 단순하게 구성하는 것이 좋으며, 이상입니다.
Google Blogspot formatting (blogspot, blogger)
https://www.youtube.com/watch?v=tVf2yXvrj6Q
[ 한글 전체 ]
네, 안녕하세요.
이사양 잡스입니다.
오늘은 블로그 스팟 관련해서 이야기할 것인데요.
티스토리만 사용하다가 블로그 스팟을 사용하면 원하는 대로 작성되지 않고 불편하고 귀찮은 부분이 있을 겁니다.
그러나 블로그 스팟도 티스토리처럼 서식으로 이해하시면 됩니다.
정해진 규격의 템플릿을 만들어놓고 글을 작성하는 방법이 있습니다.
글쓰기가 어색하신 분들은 h태그나 단락, 광고와 같은 부분을 챙겨 작성할 수 있으니 이 방법을 활용해 더 편하게 글을 쓰시면 좋겠습니다.
먼저 블로그 스팟 사이트에 접속하신 후 새 글을 작성해주시면 됩니다.
기존에 사용하시는 방식을 대략적으로 개요를 작성해주세요.
예를 들면 디스크립션을 작성한 후 Enter를 친 후 h태그가 입력됩니다.
이전에 저는 에센셜 테마를 소개해드린 적이 있는데 블로그 스팟에서 제공하는 테마를 사용하셔도 좋습니다.
이 테마는 기본적으로 블로그 명을 h1로 표시합니다.
또한 포스트 제목은 h3로 설정되어 있습니다.
원하는 설정은 블로그 명을 h1로 설정하지 않고 h2부터 쓰는 것입니다.
우리가 할 수 있는 건 h1 태그를 포스팅당 하나씩만 넣는 것입니다.
이해가 어려우시면 이부분은 건너뛰시고, 이전 영상들을 보셨다면 이해가 더 쉬울 겁니다.
제목은 분명히 h3로 설정되어 있을 겁니다.
그리고 본문에다가 이제 디스크립션을 넣으셨으면 한 줄 띄시고 h1 태그가 들어가야겠죠.
여기에 제목도 물론이지만 h1 태그가 있는 곳에 일반적으로 주요 키워드들을 넣기 위해 노력을 하셔야 됩니다.
자세한 거는 제가 멤버십 영상에 계속 올려드리고 있으니까 필요하신 분들은 참고하시면 되고요.
그리고 본문 글이 들어갑니다.
한 줄 띄고 이쯤에 이제 상단 광고를 넣으시는 분들이 있는데요.
최상단에 넣는 분들도 계시고 디스크립션 밑에 넣으시는 분들, h1 태그와 본문 다음에 넣으시는 분들도 계십니다.
그러면 일단 저는 h1 태그와 본문 밑에 넣는다고 생각하고 여기를 광고 부분으로 하겠습니다.
광고는 본문이나 다음 글과 한 줄은 띄워주시는 게 좋아요.
그래서 본문이 있었으면 한 줄 띄고 광고 들어가고 한 줄 띄고 그 다음에 h2가 들어가겠죠.
본문이 있고 띄고 h2가 추가로 들어가셔도 되고요.
아니면 h3로 구성하셔도 됩니다.
이게 문제가 뭐냐면, h1을 더블탭 하시고 단락 형식을 주제목, h2를 단락 형식을 제목, h3가 단락 형식을 부제목 하시면 이제 우리는 h1이고 h2고 간에 똑같은 크기의 글씨 크기를 원합니다.
근데 이게 h 태그가 구분되는 바람에 글씨 크기가 점점 줄어듭니다.
이게 싫으신 분들은 여기를 h2로 계속 구성하셔도 상관이 없어요.
그런데 이거는 저희가 기본 서식이나 템플릿을 만들고 있는 거기 때문에, 평소에 어떤 거 쓰시는지를 고려해보고 하셔도 되고요.
제가 추천드리는 건, 기본적으로 우리 눈에 너무 거슬리니까 h2 2개 넣고 그 다음에 h3 1개를 넣는 것입니다.
이 정도로 구성됐다고 보겠습니다.
그러면 미리 보기 한번 해볼게요.
미리 보기 하면 이제 이렇게 제목이 있고요, h1, h2, h2 똑같죠.
그리고 h3, h3가 있고 한 줄씩 띄어져 있습니다.
본문 크기는 다 똑같습니다.
우리가 타깃으로 하는 분들은 젊은 분들 뿐만 아니라 연세가 좀 있으신 분도 우리의 고객으로, 우리가 또 정보를 드려야 될 분들로 여겨야 됩니다.
그래서 글씨 크기를 조금 키워주시면 좋습니다.
선택하시고요 키 누르시고 중간도 별로 안 크거든요.
크게 정도로 추천드릴게요.
본문도 선택하시고 크게 하시고 이건 이제 복사해서 밑에 붙여놓으시면 되겠죠.
이렇게 되면 이제 미리보기를 눌렀을 때 이 정도 글씨 크기가 나오게 됩니다.
본문 글씨 크기가 이 정도 나와요.
이제 블로그스팟이 워낙 간단하고 기본적인 방식의 디자인만 추구하기 때문에 우리가 강조를 좀 해줘야 합니다.
아까 저희가 h1 태그 첫 번째 단락 밑에 광고를 넣자고 했잖아요.
이것도 미리 서식에 넣을 수 있거든요.
왼쪽 위에 연필 버튼 누르시고요.
HTML 보기를 보시면 여기서 광고가 있네요.
광고 HTML 들어와서 치는 엔터는 아무 의미가 없어요.
그냥 우리가 보기 편하게 헷갈리니까 지금 구분하려고 치는 겁니다.
치고 이제 이렇게 됐다고 치고요.
광고 부분이 있잖아요.
여기다가 AdSense 광고 코드를 우리가 미리 넣어주는 겁니다.
제가 복사해 둔 광고 코드를 넣어볼게요.
이렇게 들어가겠죠.
오늘 영상을 끝까지 보시면 앞으로 어떻게 나오냐면 Description은 쭉 쓰라고 나오고요.
h1 제목이랑 본문 쓰시고 h2와 본문 사이 그냥 쓰셔도 이 사이에 광고가 자동으로 들어가게 세팅이 되는 겁니다.
지금은 제가 팝코드를 지웠기 때문에 안 나오겠지만 미리보기를 누르시면 이 중간에 광고가 뜨는 걸 보실 수 있어요.
그리고 이제 우리가 또 조금 꼼수를 써야 되잖아요.
지금 사람들이 정말 필요한 정보를 얻는다고 생각하게 하기 위해서 강조해야 하는 부분들이 있습니다.
여기 밑에 있는 내용들이 꼭 필요한 내용들이라고 해서 쓰는 건 맞습니다.
그러나 우리가 점점 사람들이 갈수록 짧은 글의 짧은 영상들을 좋아하기 때문에 가장 눈에 띄는 부분, 가장 체류를 오래 할 수 있고 검색자에게 정확한 답을 주는 부분에 컬러를 좀 주면 좋겠습니다.
그래서 여기에 광고가 들어가죠.
여기에 들어가면 이 부분이나 h1이나 h2 부분에 색깔을 넣어주면 어쨌든 다른 부분보다 강조되기 때문입니다.
다른 영상에서 자세히 설명드렸으니 정주행하다보면 이해하실 거예요.
h2를 선택하고 색을 너무 촌스럽지 않게 예를 들면 이 정도 색깔로 넣어주면 좋겠습니다.
미리보기에서는 글이 많아서 보기 싫을 수 있지만 색깔이 눈에 띄기도 할 겁니다.
눈에 띄게 하고 싶다면 더 밝거나 강한 색상으로 선택하면 됩니다.
참고하세요, 검색에 온 방문자들은 자신이 필요로 하는 정보를 찾기 위한 목적으로 오지만 우리는 좋은 정보를 제공하면서 그들이 광고를 클릭할 수 있도록 집중도 해야 합니다.
이것은 정답이 아닙니다.
제가 팁을 한 가지 드리는 것일 뿐입니다.
이렇게 구성하는 것도 좋은 방법입니다.
이제 이 정도로 구성하면 내용을 꾸밀 차례입니다.
참고로, html은 너무 복잡하게 만드는 것이 좋지 않습니다.
예쁘게 디자인할 수 있는 주제라면 수정하고 예뻐지는 것이 좋겠지만, 아니라면 페이지 속도를 위해서라도 단순하게 html을 구성하는 것이 좋습니다.
마지막으로 연필 모양을 눌러 html 보기를 선택합니다.
그리고 코드 전체를 복사합니다.
다시 이 연필 모양을 눌러서 뒤로 가기를 누르면 관리 페이지로 돌아갑니다.
설정을 내려보면 글 템플릿이라고 하는 선택 사항이 있습니다.
템플릿을 선택한 다음 복사한 코드를 붙여넣으면 끝입니다.
이제 어떤 모습인지 확인해보세요.
이건 아까 제가 만들었던 임시 글입니다.
이 글은 삭제하도록 하겠습니다.
그러면 이제 아무 글도 남지 않게 됩니다.
이제 새 글을 작성해 보겠습니다.
새 글을 작성하려면 먼저 첫 번째 디스크립션(140자)을 작성하고 h1 제목을 작성한 후에 본문을 작성하면 됩니다.
중간에는 광고가 있을 수 있습니다.
이 광고는 눈에 보이지 않지만 자동으로 코드가 삽입됩니다.
따라서 광고를 수동으로 추가할 필요가 없습니다.
글을 쓰다보면 이렇게 자동으로 기능이 추가되는 것이 많습니다.
특별한 주제나 브랜드에 맞게 내용을 추가해도 됩니다.
이렇게 기본적인 내용을 설명드렸으니 자유롭게 응용해보세요.
블로그 스팟은 자유도가 매우 높습니다.
그러나 조금 어렵게 느껴질 수 있습니다.
요즘에는 티스토리나 애드센스, 쿠팡 파트너스 등이 까다로워지고 있는데, 그런 상황에서도 블로그 스팟은 계속 수익을 창출할 수 있는 플랫폼입니다.
이상입니다.
[ English Summary ]
Blogspot lets you write posts in the same way as Tumblr.
You can include h-tags, paragraphs, ads, and more.
You can use any of the themes provided by Blogspot, and you only need to include one H1 tag per post.
In the body, you'll put your description and H1 tag, and then add your ad.
The HTML code should be simple to organize, just tap the pencil shape to select HTML view, then copy and paste the code into your post template.
Blogspot offers a lot of freedom, but it can be intimidating, so make sure you know the basics and apply them.
Ads are added automatically, and you can add color to highlight important parts.
Keep the HTML code simple, and that's about it.
[ English Full Text ]
Yes, hello.
I'm Isaac Jobs.
Today we're going to be talking about Blogspot.
If you've been using Tumblr, and then you go to Blogspot, you're going to find that it doesn't look the way you want it to look, and you're going to find it frustrating and annoying.
But you can think of Blogspot as a template, just like Tumblr.
There is a way to create a standardized template and write a post.
If you're not comfortable with writing, you can add h-tags, paragraphs, and advertisements, so you can write more comfortably using this method.
The first thing you need to do is go to your Blogspot site and create a new post.
Roughly outline your existing method.
For example, write a description, hit enter, and then enter your h-tag.
Previously, I've talked about the Essential theme, but you can use any of the themes provided by Blogspot.
This theme displays your blog name as h1 by default.
It also has the post title set to h3.
What we want to do is not set the blog name as h1, but start with h2.
All we can do is put one h1 tag per post.
If you don't understand, skip this part, but if you've watched the previous videos, it should make more sense.
The title is obviously set to h3.
And then in the body, if you've got a description now, you're going to want to give it a line, and you're going to want to put an h1 tag in there.
And then you've got your title, obviously, but where you have your H1 tag, you're going to try to put your main keywords in there in general.
I've got more on that in the membership video if you need it.
And then we have the body copy.
I'm going to give it a line and then I'm going to put the top ad at this point.
Some people put it at the top, some people put it under the description, some people put it after the H1 tag and the body copy.
So for now, I'm going to put it below the h1 tag and the body, and I'm going to call this the ad part.
I like to put the ad at least one line away from the body or the next post.
So if I had a body, I'd have one line, and then I'd have an ad, and then I'd have one line, and then I'd have an h2.
Or you could have the body and it's floating, and then you could have an additional h2.
Or you could have an h3.
The problem with this is, if you double tap on h1, and you set the paragraph format to heading, h2 to title, and h3 to subheading, now we want the same font size between h1 and h2.
But what this does is it separates the h tags, so the font size gets smaller and smaller.
If you don't like this, you can continue to organize this as an h2.
But this is where we're creating the default formatting or template, so you might want to consider what you normally use.
My recommendation would be to put two H2s and then one H3 because it's basically too obtrusive to our eyes.
So that's how it's organized.
So let's go ahead and preview it.
If I preview it, now I have a heading like this, and it's h1, h2, h2, same thing.
And then I have h3, h3, and they're single spaced.
The body size is all the same.
The people that we're targeting are not only younger people, but also older people, and we need to look at them as our customers, as people that we need to give information to.
So if you could increase the font size a little bit, that would be great.
Select it, press the key, and the middle is not very big.
I'm going to recommend large.
And then select the body, make it bigger, and then you can copy and paste this down here.
So now when I hit preview, I'm going to get this font size.
This is the font size of the body.
Now, because Blogspot is so simple and basic in its design, we're going to need to give it some emphasis.
We said earlier that we wanted to put our ad under the first paragraph of our H1 tag.
We can pre-format that as well.
Just hit the pencil button on the top left.
If you look at the HTML view, we have an ad here.
The enter that I'm typing in the ad HTML doesn't mean anything.
It's just there to separate it now because it's confusing for our eyes.
So let's say I hit it and now it looks like this.
We have the ad part.
This is where we're going to put our AdSense ad code.
I'm going to put in the ad code that I copied.
It's going to go in like this.
If you watch the video all the way through today, it's going to tell you what to do, and it's going to tell you to write a description.
You can write the h1 heading and the body, or you can just write the h2 and the body, and it will automatically put the ad in between.
Now it won't show up because I cleared the popcodes, but if you hit preview, you'll see the ad in the middle of this.
And now we're going to have to play a little trick again.
There are some things that we need to emphasize now to make people think that they're really getting the information that they need.
We're writing this stuff down here because it's really necessary.
But because we know that more and more people like short videos in short articles, we want to give some color to the parts that stand out the most, the parts that are going to get the most attention and give the searcher the right answer.
So that's where the ads go.
If I go in here, I'm going to put a color on this part or the H1 or H2 part, because it's going to stand out more than the other parts anyway.
I've explained this in detail in another video, so you'll understand as we go along.
So I'm going to go ahead and select H2, and I'm going to put a color on it so it's not too ugly, like this.
In the preview, you might not want to look at it because there's a lot of text, but the color is going to stand out.
If you want it to stand out, you can choose a brighter or stronger color.
Remember, visitors who come from search are there to find the information they need, but we also need to focus on providing good information so that they click on our ads.
This is not a one-size-fits-all answer.
I'm just giving you a tip.
It's a good idea to organize it like this.
Now, once you have it organized like this, it's time to spice it up.
By the way, it's not a good idea to make your HTML too complicated.
If it's something that you can design pretty, then by all means, tinker with it and make it pretty, but otherwise, it's better to keep your HTML simple, if only for the sake of page speed.
Finally, tap the pencil shape to select the HTML view.
And copy the entire code.
Again, press this pencil shape and hit back to go back to the admin page.
Scroll down to Settings and you'll see a choice called Post Template.
Choose a template and then paste the code you copied and that's it.
Let's see what it looks like now.
This is a temporary post that I created earlier.
I'm going to delete this post.
So now we don't have any posts left.
Now let's create a new post.
To create a new post, all you need to do is write the first description (140 characters), write the H1 headline, and then write the body.
In the middle, there might be an ad.
This ad is invisible, but the code is inserted automatically.
So you don't have to add the ad manually.
As you write, you'll find that many features are added automatically like this.
You can also add them for special topics or branding.
These are the basics, but feel free to play around with them.
Blogspot gives you a lot of freedom.
However, it can be a little intimidating.
These days, things like Tumblr, AdSense, and Coupang Partners are getting tricky, but Blogspot is still a platform where you can monetize.
That's all for now.
'IT 인터넷 > 일반' 카테고리의 다른 글
갓 티어 개발자 로드맵 :: ChatGPT 정리 (0) | 2023.03.25 |
---|---|
100% AI 생성 시트콤 ft. ElevenLabs, AI 텍스트 비디오 변환, Instruct-NeRF2NeRF :: ChatGPT 정리 (0) | 2023.03.24 |
티스토리 약관변경 이 영상으로 종결! // 빨리 대처 안하시면 월수입 90프로 줄 수도 있어요! :: ChatGPT 정리 (0) | 2023.03.24 |
ChatGPT, 잘만 써도 연봉 4억!!! Prompt Engineer 채용 공고 :: ChatGPT 정리 (0) | 2023.03.24 |
하루 1만명 방문하는 티스토리, 애드센스 수익은 얼마? :: ChatGPT 정리 (1) | 2023.03.24 |