9월 13, 2020

[HTML] HTML에서의 줄바꿈에 유용하게 사용할 수 있는 "< pre >" "< /pre >" 태그

구글 블로거 서비스를 이용하면서 페이지를 조금씩 수정할 일이 생깁니다.

주로 블로거 테마에서 html 편집을 통해 html을 조금씩 수정을 합니다.

 

Html을 전문적으로 배우지도 않았고 잘 알지도 못하지만 다른 사이트도 참고하고 수정한 후에 적용되는 부분을 보면 그럭저럭 간단한 부분은 수정을 할 수 있습니다.


 

최근에는 새롭게 <pre> </pre>라는 줄바꿈 태그를 알게 되었는데, 앞으로 유용하게 사용할 수 있을 것 같습니다.

 

원래 제가 줄바꿈에 주로 사용하던 태그는 <br><p> </p> 태그입니다.

 

<br> 태그는 'break'의 약자로 Line break라고 해서 단순히 줄을 바꾸기 위해 사용합니다.

두 줄을 띄우고 싶으면 <br> 태그를 두 번 입력하는 식입니다.

 

그런데, 문제는 구글 블로거의 html 편집에서는 <br>태그를 적용하면 에러가 나고 저장이 되지 않습니다.

 

그래서 대안으로 <p></p> 태그도 이용을 해 봤습니다.

p 태그는 'paragraph'의 약자입니다. 문단의 시작 부분에 <p>, 문단이 끝나는 부분에 </p>를 입력하여 사용합니다.

 

그런데, <p> 태그는 문단의 위 아래에 일정한 공백이 생기는 형식으로 줄바꿈을 여러 번 하는 경우 등에는 적합하지 않고 번거롭기도 합니다.

 

그래서 찾아낸 것이 <pre></pre> 태그입니다.

 

pre 'preformatted' 약자입니다.

<pre></pre>를 적용하면 그 사이에 있는 EnterSpace가 그대로 웹 브라우저에 적용됩니다.

, <pre></pre>를 적용하면 그 태그 사이에 있는 부분은 워드처럼 사용할 수 있습니다.

 

Html 편집에서 줄바꿈이 필요할 때 편리하게 <pre></pre> 태그를 이용해 보시기 바랍니다.


9월 09, 2020

[Google Blogger Template] 블로거 템플릿 추천 / Alexis Blogger Template

블로거 템플릿을 찾아보다가 마음에 드는 템플릿을 발견했습니다.

 

Alexis Blogger Template입니다.

gooyaabitemplates에서 다운받을 수 있습니다.

 

다운로드 링크가 있는 주소는 여기를 클릭하시면 됩니다.

Alexis Blogger Template 다운로드 



전반적인 디자인이 마음에 들고 기능도 모두 갖추고 있습니다.

그런데, 물 빠진 듯한 색상과 흐린 글씨체가 마음에 들지 않아서 몇 군데 html을 수정 했습니다.

 

상단 메뉴의 색상을 변경했고, 게시글 제목의 색상과 게시글의 색상을 수정했습니다.

포스트를 share 하는 부분에서 이미 서비스가 종료된 Google+를 삭제했고, 트위터로 글을 배포하는 부분이 문제가 있어 이 부분도 수정했습니다.

 

전반적인 디자인도 만족스럽지만 대부분의 기능을 블로거의 레이아웃에서 조정할 수 있는 부분도 마음에 듭니다.

 

최종 완성본은 아래 사이트를 방문하시면 확인할 수 있습니다.

 

Alexis Blogger Template이 적용된 Google blogger

MAKEMY WRITINGS GREAT WORKS.


8월 10, 2020

[Google Blogger Template] 구글 블로거 템플릿 적용 / 제대로 된 마음에 드는 템플릿 발견

구글 블로거를 사용하면서 대부분 만족을 하고 있습니다.

 

그러나 사용하다 보면 조금씩 부족한 부분이 발견됩니다.

구글에서 기본으로 제공하는 템플릿의 경우 모바일에서 간혹 링크가 연결되지 않는 문제점이 있습니다. 특히 애드센스를 적용한 블로그의 경우 이런 문제가 발생합니다.

 

이런 문제점 때문에 인터넷에서 무료로 제공하는 템플릿들을 적용해 보았지만, 이 경우 모바일에서 사진이 세로로 길게 찌그러져 보이는 문제점이 발생합니다.

가로로 된 사진을 긴 모바일 화면으로 보면서 사진이 길게 변해 버립니다.

 

항상 이런 문제로 인해 고민만 하고 있다가 드디어 이런 문제점들을 모두 해결한 블로그 템플릿을 발견했습니다.


 


kuzuro님이 만든 구글 템플릿입니다.

구글 블로그 다루기 #기본적인 블로거 템플릿

 

흰 바탕에 깔끔하게 제작이 되어 있어 일단 마음에 듭니다.

그리고 반응형이라서 모바일 페이지에도 자동 적용이 됩니다.

 

사진이 일그러지는 문제점은 그대로 발견이 되었지만 kuzuro님의 다른 글에서 사진을 원본 이미지만 나오게 하는 방법이라는 글에서 해결책을 찾았습니다.

 

사진의 모습이 변하지 않으면서 가장 크게 자동으로 사진이 적용되도록 해 놓으니 사진 해상도 문제가 해결이 되었습니다.

 

구글 블로거 다루기 #원본 이미지만 나오게 하기


아래 사이트는 제가 데모로 구축한 사이트입니다.

데모 사이트 보기

 

블로그 제목의 글씨 크기를 줄이고 헤더의 높이를 줄였습니다.

그리고 본문과 사이드바가 너무 붙어 있어서 조금 간격을 부여했습니다.

HTML을 수정하여 구글 애드센스도 본문의 테그 아래에 바로 삽입되도록 하였습니다.

사진은 원본으로 표시되도록 해 놓았습니다.

 

제대로 된 블로그 템플릿을 발견하여 이제 구글 블로거에 대한 만족도가 더욱 높아 졌습니다.

 

지금 이 페이지에 적용된 템플릿과 데모 사이트를 참고하시기 바랍니다.


8월 01, 2020

[Google Blogger's convenience & strengths] 구글 블로거의 장점 제대로 활용하기

티스토리를 주로 이용하다가 지금은 구글 블로거를 메인으로 이용하고 있습니다.

간단히 글을 쓰는 용도에서 구글 블로거는 전혀 부족함이 없습니다.
오히려 다른 서비스 보다 더 편리합니다.

주어진 템플릿을 이용하여  레이아웃을 쉽게 변경할 수 있고, 기본 제공하는 템플릿이 아닌 다른 템플릿을 인터넷에서 다운 받아 사용할 수도 있습니다.

워드프레스나 티스토리처럼 전문적으로 사이트를 꾸미는 기능은 조금 미흡하지만 오히려 이런 것들이 글쓰기에만 더 집중하게 해 주는 장점이 될 수 있다고 생각됩니다.


구글 블로거의 가장 큰 장점은 언제 어디서나 글을 쓰고 포스팅을 할 수 있다는 점입니다.
스마트폰으로 글을 쓰고 스마트폰의 사진을 첨부할 수도 있고, 스마트폰으로 촬영한 사진을 바로 올릴 수도 있습니다.

게다가 이메일로 글을 써서 발행할 수도 있습니다.

사실 글을 쓰다 보면 갑자기 생각이 떠올라서 나중에 기억해 두었다가 블로그에 올려야겠다는 생각을 자주 합니다.
그러나 나중에 다시 글을 쓸려고 하면 당시의 그 감흥이 살아나지 않아 글을 쓰기가 쉽지 않습니다.

구글 블로거를 이용하여 생각이 날 때마다 여러가지 방법을 이용하여 즉시 글을 쓴다면 이런 불행한 일은 일어나지 않을 것입니다.

또한 순간의 감정과 느낌을 충실하게 반영하여 글을 작성할 수 있습니다.

그래서 저는 다소 투박하지만 정직하고 본질에 충실한 Google blogger를 이용합니다.

언제 어디서나 무엇이든 생각이 나면 글을 쓸 수 있는 Google blogger의 장점을 최대한 잘 활용해 보겠습니다.

10월 10, 2017

Google Blogger에서 Category 설정하는 방법

Google Blogger에서 Category 설정하는 방법

Google Blogger에서 글을 작성하면서 아쉬운 점이 있다면 티스토리나 다른 블로그 서비스에서처럼 작성한 글을 Category 별로 일목요연하게 보여줄 수 없다는 점입니다.

하지만 전혀 방법이 없는 것은 아닙니다.
Blogger‘Tags’ 가젯 추가를 통해 어느 정도 다른 블로그의 Category와 같은 효과를 볼 수 있습니다.

우선 Blogger 대쉬보드의 레이아웃으로 가서 사이드바의 원하는 곳에 Tags 가젯을 추가합니다.



추가한 Tags 가젯의 설정으로 들어가면 위 사진과 같이 체크가 되어 있습니다.
이제 설정을 조금만 바꿔 주시기 바랍니다.



제목의 TagsCategory로 변경하고, 표시항목에서 선택한 라벨에 체크합니다.
기존처럼 모든라벨에 체크하면 글 작성시 입력한 모든 태그가 항목으로 나타나 카테고리가 너무 많아지므로 선택한 라벨에 체크를 해서 중요한 항목만 카테고리로 나타나게 합니다.

정렬을 가나다 순 또는 빈도 순으로 원하는 방식을 선택합니다.

마지막으로 표시방법을 목록으로 변경하여 체크합니다.



이렇게 Tags 가젯을 추가하고 설정을 변경해 주면 위 사진과 같은 Category가 사이드 바에 나타납니다.


Blogger에서 Category별로 글을 관리하고자 하시는 분은 위 내용을 참고하시기 바랍니다.

10월 10, 2017

Google Blogger에 AdSense 페이지수준 광고(Page-Level Ads) 게재하는 방법

Google BloggerAdSense 페이지수준 광고(Page-Level Ads) 게재하는 방법

AdSense에는 Page-Level Ads라고 하는 페이지 수준 광고가 있습니다.
페이지 수준 광고는 블로그에 HTML 광고 코드를 삽입하면 모바일에서 블로그에 접속할 때 하단에 광고가 표시되는 앵커/오버레이 광고, 모바일에서 페이지가 로드 될 때 전면에 광고가 나타나는 모바일 전면광고가 표시되도록 하는 광고입니다.


페이지수준 광고는 애드센스 페이지의 내 광고에 가서 광고형식을 선택하고 코드를 가져올 수 있습니다. 이렇게 가져온 코드를 블로그에 삽입하면 되는데 애드센스 도움말 페이지에는 다음과 같이 코드를 삽입하라고 되어 있습니다.

  
그런데 문제는 이런 방식이 Google Blogger에서는 적용이 되지 않는다는 것입니다.
Blogger의 관리페이지에서 테마, HTML 설정에 가서 광고코드를 넣으면 아래와 같이 오류 메시지가 뜨면서 저장이 되지 않습니다.

XML을 구문분석하는 중 오류 발생(13, 15): Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.


구글에서 제공하는 광고서비스인 AdSense가 구글의 Blogger 서비스에 구글에서 안내한 방법대로 적용이 되지 않는다는 아이러니한 일이 발생하는 셈입니다.

그래서 여러 가지 방법을 시도해 봤는데, 의외로 쉽게 문제가 해결되었습니다.

결론은 블로거의 대쉬보드, 레이아웃으로 들어가서 HTML/JavaScript 가젯을 추가하면 됩니다.


가젯은 헤드, 메인, 사이드바 어디든 관계가 없으며, HTML/JavaScript 가젯에 페이지수준 광고코드를 넣고 가젯 추가를 하시면 이제 Blogger에서도 Google AdSensePage-Level Ads를 게재하고 이용할 수 있습니다.


이상으로 BloggerGoogle AdSensePage-Level Ads를 게재하는 방법을 소개해 드렸습니다.

9월 22, 2017

Google Blogger에 적용할 수 있는 다양한 무료 템플릿

Google Blogger에 적용할 수 있는 다양한 무료 템플릿

Google Blogger는 기본으로 제공하는 템플릿 외에도 다양한 무료 템플릿을 이용할 수 있습니다.
티스토리에서도 스킨이라고 해서 기본으로 제공되는 것 외에도 많은 이용자들이 스킨을 만들어 배포하고 있기는 하지만 Blogger에 비해 그 수가 많지 않습니다.

본 블로그에 적용된 템플릿도 Blogger에서 기본으로 제공되는 것이 아니라 http://www.way2themes.com/에서 제공하는 SeoHub라는 무료 템플릿입니다.



Google Blogger에서 무료로 사용할 수 있는 템플릿은 아래 사이트에 가시면 구할 수 있습니다.


원하시는 템플릿을 고른 후 Blogger에 적용하시면 됩니다.
적용된 템플릿은 Blogger의 테마에서 HTML 편집 또는 레이아웃을 통해 수정하실 수 있습니다.


Blogger에서 제공하는 기본 템플릿이 마음에 들지 않는 분들을 위에 소개해 드린 사이트에서 제공하는 무료 템플릿을 적용해 보시기 바랍니다.

9월 22, 2017

Google Blogger에 둥지를 틀었습니다.

새롭게 Google Blogger에 둥지를 틀었습니다.

Blogger에 사이트를 개설하기 전에 가장 크게 고려했던 점은 다음과 같습니다.

첫째, 서비스가 지속 가능하여야 합니다.
IT분야의 발달이 급속도로 이루어지면서 지금은 보편적으로 이용되고 있는 블로그 서비스가 언제 다른 서비스로 대체될 지도 모를 일이고 서비스 운영 주체의 사정에 따라 서비스가 중단될 수도 있기 때문에 없어지지 않고 오래 서비스가 될 곳을 찾다가 Google Blogger를 선택하게 되었습니다.

실제로 국내에서는 KT 하이텔에서 운영하던 paran이라는 포털이 문을 닫으면서 블로그 서비스가 중단되었고, Nate에서 운영되던 블로그 서비스도 중단된 바가 있습니다.

따라서 직접 호스팅을 하며 블로그를 운영하지 않는 이상은 믿을 수 있는 서비스 업체를 선정하는 것이 중요합니다.

둘째, 수입을 창출할 수 있는 광고를 게재하는 등의 Customize가 자유로워야 합니다.
수익만을 위해 블로그를 운영하는 것은 아니지만 자신이 쓴 글에 대한 합당한 보상을 받을 수 있다면 이는 블로그를 더욱 발전시키기 위한 좋은 유인이 될 것이기 때문입니다.

셋째, 검색 유입이 많아야 합니다.
아무리 좋은 글이라도 읽혀지지 않는다면 그 글은 무의미해 질 수 밖에 없습니다.
많은 사람들이 글을 읽고 의견을 개진하고 소통해 나가는 것이 블로그의 본 모습이라고 생각합니다.

따라서 Google에서 운영하고 전세계적으로 이용자가 많아 서비스가 중단될 우려가 상대적으로 적고, 광고 게재가 가능하며, Google 검색 유입이 많은 Blogger를 선택하게 되었습니다.

마지막으로 블로그 명칭에 대해서도 많은 고민을 하다가 지존에 보유하고 있던 도메인을 활용하는 것으로 결정했습니다.



도메인은 http://rtissue.com 입니다. , RT(Real Time) issue라는 의미로 실시간으로 이슈를 전달하고 소통하는 장으로 발전시키고자 합니다.

앞으로 많은 관심과 성원 부탁 드립니다.


감사합니다.


Most Popular