기본 콘텐츠로 건너뛰기

Featured Post

영어회화 빨리 느는 방법 3가지

댓글 5개

구글 블로그 포스트 타이틀만 나오는 홈화면 만들기

 많은 블로거들이 관리하기 편하다는 이유로 심플하고 화려하지 않은 테마(Template)을 사용한다. 하지만 이러한 테마를 사용하는 블로그는 홈(Home) 메뉴를 클릭하거나 'http://'주소를 입력해서 접속하면 홈페이지 화면이 열리기 때문에 전체 포스트를 최신 순서대로 쭉 나열해 버린다. 방문자는 스크롤의 압박으로 자신이 원하는 글을 찾을 엄두도 못 내고 창 닫기 버튼을 눌러버릴 것이다.




 정성껏 작성한 유용한 포스트들을 홈 화면에서 한눈에 보여줄 수 없다는 것은 안타까운 일이다. 인터넷을 사용하는 사람들은 어떠한 정보 얻을 때 요약이나 제목을 보고
관심 있는 정보를 클릭하여 해당 내용이 펼쳐지는 방법에 익숙해져 있다. 주로 포털사이트나 게시판 등이 이러한 구조로 이루어져 있기에 동일한 구조로 블로그를 구성할 필요가 있다.

 Home에서는 글 제목만 표시되게 하는 방법은 아래 간단한 절차만 따라 하면 된다.
1. 블로그 대시보드에서 테마(Template) 선택 후 HTML 편집(Edit HTML)을 선택하여 HTML 편집 창으로 이동한다.
2. HTML이 편집 창에서 Ctrl + F를 눌러 "</head>"를 입력하고 검색한다.

3. </head> 태그 바로 위에 아래 코드를 복사해서 붙여 넣고 저장(Save Template) 한다.
[추가할 코드]
<style type="text/css">
<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>

4. 블로그 보기로 이동해서 잘 적용되었는지 확인한다.



 위 코드는 입맛에 맞게 커스터마이징 할 수 있는데, 예를 들어 font-size(글자 크기)를 "font-size:14px"로 font-weight(글자 두께)를 font-weight:bold로 변경한다면 글자 크기가 작아지고 두꺼워진다. 또 ".post h3 a, .post h3 a:visited, .post h3 strong{"안에 있는 color(색깔)을 color:#476600으로 변경한다면 이미 방문했던 링크는 짙은 초록색으로 표시될 것이다.

 태그(Lable)를 선택했을 때 관련된 태그의 포스트 제목만 목록으로 표시되게 하는 방법은 쉽게 찾을 수 있지만(태그를 선택하면 포스트 제목만 나오게 하기>>), 홈으로 이동했을 때 포스트들의 제목만 정렬하여 목록으로 표시하는 방법은 외국 사이트에서 정보를 얻어야만 했다. 국내에는 구글 블로그를 운영하는 사용자가 비교적 적기 때문인데 개인적으로 구글 블로그는 유연성이 높아 조금만 공부한다면 블로그형 홈페이지를 어렵지 않게 만들 수 있어 큰 장점이 있다고 생각된다.

라벨:

댓글

  1. JeongCheon2020년 1월 4일 오후 7:57

    좋은 글 잘 보고 가요. 행복하세요.

    답글삭제
  2. 잡동사니 스튜디오2021년 7월 3일 오후 10:07

    지금 사용하고 계신 태마가 구글 블로그 기본테마 수정하신건가요?

    답글삭제
  3. 익명2022년 5월 21일 오후 3:09

    감사합니다 ^^

    답글삭제

댓글 쓰기

이 블로그의 인기 게시물

스티브 잡스 명언 영어 세상에서 가장 감명 깊은 어록 25가지

"Sometimes Life is going to hit you in the head with a brick. Don't lose faith." "때때로 인생은 당신을 심하게 내두를 것이다. 스스로의 믿음을 잃지 마라."   대부분의 사람들은 적당히 즐기고, 적당히 게으르고, 어렵고 힘든 것은 피하고 싶어 한다. 그들이 무지함과 가난에서 벗어나지 못한 것이 그 이유이다. 반대로 큰 성공을 이룬 후에도 스티브잡스는 "내일 죽는다면"이라는 생각으로 극단적 이리만큼 스스로를 동기부여했다. 무엇인가 이룰 수 있는 사람은 그럴만한 자세가 있다.   스티브 잡스가 남긴 어록 중에 사람들이 가장 감명받은 25가지를 선별해 한글로 번역했다. 스티브 잡스 명언 영어  1  "The people who are crazy enough to think they can change the world are the ones who do." 세상을 바꿀수 있다고 생각하는 제대로 정신나간 사람들이 세상을 변화시킨다.  2  "I've always been attracted to the more revolutionary changes. I don't know why. Because they're harder. They're much more stressful emotionally. And you usually go through a period where everybody tells you that you’ve completely failed." 나는 항상 혁신적인 변화를 쫓아왔다. 그건 더 어려웠기 때문인지 모른다. 혁신은 감정적으로 굉장히 압박이 심하다. 그리고 모든사람들이 당신에게 완벽히 실패했다고 이야기 하는 시기를 이겨내야 한다.  3  "It's really hard to design products b...
댓글 4개
자세한 내용 보기

영어 8품사의 문장 구조를 예제로 쉽게 이해하자

1. 영어 8품사 정리  영어 8품사(The 8 parts of speech)란 명사, 대명사, 동사, 형용사, 부사, 전치사, 접속사, 감탄사 를 말하며, 동일한 의미나 기능을 하는 낱말들을 8가지로 분류한 것이다. ① 명사(NOUN) - 사물의 이름으로 사람, 장소, 생물/무생물, 추상적 개념 등 생각해 낼 수 있는 모든 것의 이름이다. 영어에서 명사는 셀 수 있는 명사와 셀 수 없는 명사로 나뉘는데, 셀 수 있는 명사는 단수, 복수에 따라 낱말이 달라지는데, 대게 단어 뒤에 "(e)s"가 붙는다. - 셀 수 있는 명사 ex) book → books, pen → pens, dog → dogs, table → tables, party → parties, woman → women ... - 셀 수 없는 명사 ex) coffee, computer, love, water, family, money, information ... ② 대명사(PRONOUN) - 문장에서 명사 대신 사용한다. 대화나 글에서 사람, 사물 등을 '그녀', '저것'등으로 대신 쓰는 것을 대명사라고 한다. ex) I, you, he, she, it, that, none ... ③ 동사(VERB) - 사람, 사물의 동작이나 상태를 나타내는 품사로 문장에서 필수로 들어간다. 현재시제 3인칭 단수면 동사 뒤에 대게 '(e)s'가 붙는데, 3인칭 단수란 I, You, We를 제외한 다른 인물이나 사물이다. 복수가 아닌 단수를 말하고 현재시제는 미래나 과거가 아닌 현재를 말한다. 또한, 표현하려는 문장이 과거면 동사 뒤에 대게 (e)d가 붙는다. - 현재시제 ex) agree, stay, find, ask, eat, access ... - 3인칭 단수 ex) agrees, stays, finds, asks, eats, accesses ... - 과거시제 ex) agreed, stayed, foun...
댓글 쓰기
자세한 내용 보기

영어회화 빨리 느는 방법 3가지

영어는 공부가 아니고 운동 이다. 영어회화 빨리 늘고 싶다면 머리로만 하지 말고 귀와 입, 몸으로 해야 한다.  이전 회사에서 모토로라 출신의 팀장이 했던 말이 생각난다. "내가 영어 하려고 한 달에 몇십만 원씩 주면서 강남에 1:1 영어도 해보고, 전화 영어도 해보고, 미국 출장도 오래 있고, 별짓 다해봤는데 영어는 안되더라 . 영어는 미국에 살아야 돼."  지금도 누군가에게는 영어는 별짓 다해도 안 되는 것이겠지만, 누군가에게는 미국, 영국 등 외국인 친구들과 즐겁게 대화하는 언어이고 업무를 처리하기도 하는 수단일 것이다. 당신도 반드시 할 수 있다. 그러니 영어를 별짓 다해도 안되는 걸로 단정 짓지 말고, 우리의 뇌를 멈추게 하지 말자. 지금까지 받은 영어교육은 잘못됐다.  한국인이 일반적으로 영어 교육을 받는 기간은 약 15년이다. 하지만 정작 영어 몇 마디 조차 못하는 게 현실이다. 단면적으로 이 부분만 봐도 과연 실용적인 교육인지 의구심이 들 수밖에 없다. 지금까지도 수십 년 동안 많은 사람들이 여전히 명사, 동사, 5형식 문장 등과 같은 문법 위주의 공부와 독해 위주의 잘못된 공부 방식만 고수하고 있다. 그렇게 공부하다가 하루에 10분 전화영어를 하면 원어민처럼 영어를 할 수 있다는 말에 속아 피 같은 돈을 쓰다가 결국 중도에 포기하는 게 일반적인 사람들의 모습이다. 물론 이런 공부 방식이 전혀 쓸모없는 것은 아니다. 하지만 영어회화에서는 도움이 안 된다는 것이다. 외국인과 대화를 한다거나 미국 드라마를 본다면 철저하게 느낄 것이다. 영어에 투입하는 시간 대부분을 읽고, 듣는 식의 영어공부를 했는데, 입으로 내뱉으라고 하면 안되는 게 당연하다. 또한, 원어민들이 실제로 발음하는 대로 공부하지 않았는데 들리지 않는 것도 당연하다.  장담하건대, 지금까지 했던 영어공부 방법으로는 영어회화를 잘할 수 없다. 돈을 들이지 않아도 되고, 혼자서도 할 수 있는 원초적인 영어회화 빨리 느는 방법 을 알아보...
댓글 5개
자세한 내용 보기