블로거 첫화면 글이 1개 또는 2개만 보일 경우 (Blogger shows only 1 or 2 latest posts in the first page)

첫화면에서 세팅된 글 수보다 적게 보이는 원인 (Reason)

• 구글 블로그를 운영하다보면, 다른 문서를 가져오는 경우가 생기는데, 이때 블로그 첫화면에서 위와 같이 해당글이 사라지는 경우가 나타납니다. 이는 본문에 복사했던 원본 파일 형식과 구글 블로그에서 사용하는 편집모드 방식이 달라서 생기는 현상으로 주로 첫화면에 몇개의 포스팅을 보이게 할것인지 세팅해놓아도 최신글 2개나 또는 세팅된 숫자보다 적은글만 보이게 됩니다.
• The blog posts are being directly pasted from such as Microsoft Word and other platform, these can cause problems as Word has a lot of hidden formatting which interferes with the functioning of the Blogger (like problems with number of posts per page being different from settings , problem with feed ,etc).

해결방법 (Solution)

• 첫번째 방법 : 블로그의 전체 페이지를 다른곳에서 전부 복사해 넣으면 안됩니다. 첫 문장은 반드시 직접 입력합니다. 그 이후 문장부터는 복사해서 넣어도 괜찮습니다.
• 두번째 방법 : 다른 문서 (마이크로소프트 워드 또는 다른 플래폼에서 작성된 웹페이지)에서 복사할때, 원본 형식 그대로 복사하지말고 텍스트 그 자체만 복사해오면 됩니다. (구글 블로그의 HTML 편집모드에서 복사해야 합니다.)
• 만약 다른 플랫폼에서 작성된 글이 있다면, 해당 부분을 복사해서 윈도우 기본 편집툴인 노트패드에 복사해놓고 그 다음 그 노트패드에 적인 부분을 복사해서 붙여넣기하면 됩니다.
• 크롬 브라우저를 사용할 경우 컨트롤+쉬프트+V 키를 눌러서 붙여넣기 하시면 됩니다.
• 위와 같은 방법으로 글을 작성하면 아래와 같이 모든 목록을 첫 페이지에서 볼 수 있습니다.
• When copying from Word , copy first to HTML mode of the post editor (not the Compose mode) and then switch to Compose mode to apply text customization (like bold , italics , etc). If you use Chrome , you can Use Ctrl+Shift+V to paste into Blogger (This pastes by removing any formatting)

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

구글 블로그 글 목록만 보이게하기 Blogger list post title

만드는 방법
1. 관리자 메뉴 왼편에서 페이지 - 새페이지를 차례대로 클릭합니다.
2. 왼편 상단의 [HTML]을 클릭합니다.
3. 아래 코드를 복사해서 붙여넣고 오른쪽 상단의 "게시" 버튼을 클릭합니다.
4. 다시 관리자 메뉴에서 "레이아웃"을 클릭합니다.
5. 사이드바에서 가젯추가 버튼을 클릭하여 "페이지가젯"을 선택합니다.
6. 표시할 페이지에서 위에서 만들었던 페이지를 선택하고, 가젯 제목을 입력한다음 저장합니다.

• 제목 옆에 글 생성 날짜까지 보이게 할 경우 : 아래 코드 중 a1E.textContent = title + " (" + date.substr(0,10) + ")"; 그대로 유지한다.
• 제목 옆에 글 생성 날짜를 안보이게 할 경우 : 아래 코드 중 a1E.textContent = title + " (" + date.substr(0,10) + ")"; -> a1E.textContent = title; 와 같이 수정합니다.

[javascript]
<div>
<ul id="postList12"></ul>
</div>
<script type="text/javascript">
var startIndex = 1;
var maxResults = 150;
var allResults = [];
function sendQuery12()
{
var scpt = document.createElement("script");
scpt.src = "/feeds/posts/summary?alt=json&callback=processPostList12&start-index=" + startIndex + "&max-results=" + maxResults;
document.body.appendChild(scpt);
}

function printArrayResults(root)
{
//Sort Alphebetically
allResults.sort(function(a, b){
var a_string = a.children[0].textContent ;
var b_string = b.children[0].textContent ;

if(a_string < b_string) return -1;
if(a_string > b_string) return 1;
return 0;
})

var elmt = document.getElementById("postList12");
for (index = 0; index < allResults.length; index++) {
elmt.appendChild(allResults[index]);
}
}

function processPostList12(root)
{
var elmt = document.getElementById("postList12");
if (!elmt)
return;

var feed = root.feed;

if (feed.entry.length > 0)
{
for (var i = 0; i < feed.entry.length; i++)
{
var entry = feed.entry[i];
var title = entry.title.$t;
var date = entry.published.$t

for (var j = 0; j < entry.link.length; j++)
{
if (entry.link[j].rel == "alternate")
{
var url = entry.link[j].href;
if (url && url.length > 0 && title && title.length > 0)
{
var liE = document.createElement("li");
var a1E = document.createElement("a");
a1E.href = url;
a1E.textContent = title + " (" + date.substr(0,10) + ")";
liE.appendChild(a1E);
//elmt.appendChild(liE);
allResults.push(liE);
}
break;
}
}
}
if (feed.entry.length >= maxResults)
{
startIndex += maxResults;
sendQuery12();
} else {
printArrayResults();
}
}
}
sendQuery12();
</script>
[/javascript]

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

• 구글 블로그를 운영하면서 마우스 우클릭 또는 드래그를 방지하는 기능이 필요한 경우가 생깁니다. 이 경우 각각 코드를 삽입하여 두 기능을 활성화 시킬 수 있습니다.

• 마우스 우클릭 방지 (Disable Right Click) : 대쉬보드 (Dashboard) - 템플릿 (Template) - HTML편집으로 이동하여 찾기 기능으로 (Ctrl+F) </body> 를 찾은 후, 아래 코드를 바로 윗부분에 붙여넣습니다. 
• Download Source Code : Download!!

 <script language=javascript> 
 <!-- 
 
 var message=""; 
 
 function clickIE() 
 { 
 if (document.all) { 
 (message);return false;} 
 } 
 
 function clickNS(e) 
 { 
 if (document.layers||(document.getElementById&&!document.all)) { 
 if (e.which==2||e.which==3) {(message);return false;}} 
 } 
 
 if (document.layers){ 
 document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} 
 else{ 
 document.onmouseup=clickNS;document.oncontextmenu=clickIE;} 
 document.oncontextmenu=new Function("return false") 
 
 // --> 
 </script> 

• 긁어오기(드래그) 방지 (Disable Drag) : 대쉬보드 (Dashboard) - 템플릿 (Template) -  맞춤설정 -> 고급으로 이동합니다. 고급 메뉴 중 'CSS추가'에서 아래 코드를 삽입하면 됩니다.
• Download Source Code : Download!!
  

html, body, div, span, object, form, input, h1, h2, button, label, a, img { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; /* this will work for QtWebKit in future */ -webkit-user-drag: none; } input[type=text] { -moz-user-select: text; -webkit-user-select: text; }

• 구글 블로그에서 제공하는 템플릿들을 사용하면, 각 포스팅 된 글 하단에 "이전 게시물", "홈", "최근 게시물" 글씨가 작게 써져 있는것을 볼 수 있습니다. 물론, 글씨 크기를 크게해서 사용할 수 있지만, 가독성도 안좋으므로 아이콘으로 대체하면 깔끔하게 보일 수 있습니다.

• 기본 템플릿에서는 위와 같이 가독성이 안좋으며, 잘 안보입니다.

• 먼저 아이콘이 되는 파일들을 준비하여, 각각 이미지들의 주소를 복사해서 준비해 놓습니다.

• 대시보드 (Dashboard) → 템플릿 (Template) → HTML 편집으로 들어간 후 아래의 코드를(Ctrl+F키) 찾습니다. (어떤 템플릿의 경우 Title 대신 URL이 적혀있는 경우도 있습니다.) 위와 같이 최근 게시물, 홈, 이전 게시물 순서대로 나옵니다.
• 주의할 점 : "홈"의 경우 바로 아래에 모바일 홈 링크 코드가 나오는데, 모바일 홈 링크는 수정하지 않도록 해야합니다.

<data:newerPageTitle/>

• "olderpagetitle", "homeMsg", "newerpagetitle"을 각각 아래 코드로 대체해줍니다.

<img src='이미지 주소' style='border: 0 none;vertical-align: middle;'/>

• 각각의 3개 부분을 다 수정하고, "템플릿 수정하기"를 클릭하여 저장합니다.

• 위와 같이 깔끔하게 변경이 되었습니다.

업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com

• 구글의 블로그를 운영하면서 폰트 크기와 종류를 변경하기 위해서는 소스코드를 직접 수정해야합니다. 특히, 운영체제 - 맥킨토시, 윈도우즈, 리눅스로 홈페이지를 볼 경우 폰트가 제각각 다르게 나타나는 경우가 있습니다. 이럴 경우 홈페이지가 통일되지 않고, 특정 시스템에서만 운영자가 원하는 스타일로 블로그가 보이게 됩니다. 

• 먼저 구글 블로그의 대쉬보드 (Dashboard) - 템플릿 (Template) - HTML 편집 메뉴를 차례대로 클릭합니다.

• 블로그의 테마(템플릿)마다 소스코드가 약간씩 틀리지만 기본적인 틀은 같습니다. 기본적으로 해외에서 만든 템플릿들은 한글 폰트가 이쁘게 나오지 않습니다. 이럴 경우 아래와 같이 폰트 패밀리를 한글 시스템에서 사용하는 폰트로 변경해주면 이쁘게 나옵니다.

• body는 포스팅 본문에 대한 설정, h3.post-title은 포트팅 제목, h2는 블로그 제목에 대한 부분입니다. 만약 포스팅 제목만 변경하고 싶다면 찾기( Ctrl + F ) 로 "h3"를 찾아서 변경하시면 됩니다.

body {font-family: NanumGothic, 나눔고딕, 'Malgun Gothic', '맑은 고딕';}
h3.post-title {font-family: NanumGothic, 나눔고딕, 'Malgun Gothic', '맑은 고딕';}
h2 {font-family: NanumGothic, 나눔고딕, 'Malgun Gothic', '맑은 고딕';}

• 폰트 크기 변경은 보통  h2 또는 .post_item h2  와 같이 소스코드에 표기 되어 있습니다. (블로그 제목의 경우) 위와 같이 HTML 소스에서 찾기 포스팅 제목 또는 블로그 제목 등등을 찾으신 다음 아래와 같이 변경하시면 됩니다.

.post_item h3 {font-size: 20px;)

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

• 구글 블로그 운영시, 카테고리 또는 레이블 설정 후, 해당 카테고리를 선택하면 해당되는 글들의 내용까지 전부 보이는 경우가 있다. 이 경우 다른 글들을 보기 위해 스크롤을 계속 내려야하는 불편함이 생긴다. 이럴 경우, 제목만 나타나게하여 다른 블로그 형식들과 같이 보이게 할 수 있다.

• 먼저 Dashboard (대시보드) -> Template (템플릿) -> Edit HTML (HTML 편집) 메뉴로 들어간다.

• HTML 편집을 통해 템플릿을 잘못 수정해서 오류가 나는 경우, 블로그가 정상적으로 작동하지 않을 수 있다.  수정전에 백업을 위해 우상단에 있는 "변경사항 되돌리기" 버튼을 눌러서 할 수 있다.

• HTML 코드에서 수정할 부분을 찾기 위해 Ctrl+F 키를 눌러서 아래의 코드를 검색한다.

<b:include data='post' name='post'/>

• 해당 코드를 다음의 코드로 대체한다. (즉, 검색으로 찾은 코드를 지우고, 그 자리에 다음의 코드를 붙여 넣으면 된다.)
• 소스코드 다운받기 -> Source code Download!!

<!--Label and archive page title only hack Start-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a><font size='2'> | <data:post.dateHeader/></font></h3>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a><font size='2'> | <data:post.dateHeader/></font></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--Label and archive page title only hack End-->

• "템플릿 저장" 버튼을 눌러서 저장한다.

• 정상적으로 템플릿이 수정되었다면 위와같이 라벨 페이지와 글목록 페이지에 제목만 나오게된다.

업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com

구글 블로그 운영시 각종 검색 사이트에 검색 등록을 하기 위해선 Sitemap.xml을 제출해야합니다.  

이 경우 Sitemap.xml 을 생성해주는 사이트를 이용할 수 있지만, 따로 생성할 필요없이 바로 등록할 수 있습니다.

• 구글에 로그인 후 서치 콘솔에 접속합니다. (https://www.google.com/webmasters/tools/home) 만약, 서치 콘솔에 블로거 사이트가 나타나지 않는다면, 서치 콘솔 화면의 오른편 상단의 빨간색 버튼의 "속성 추가"를 클릭하여 구글 블로거 사이트를 등록하여 진행합니다.

• 왼편 아래의 사이트맵 메뉴를 클릭합니다.

• 오른쪽 위의 "ADD/TEST SITEMAP" 버튼을 클릭합니다.

• 본인의 블로거 주소뒤의 빈칸에 아래 주소를 입력합니다.

atom.xml?redirect=false&start-index=1&max-results=500

• "Submit Sitemap" 버튼을 클릭하여 사이트맵을 제출한 후, 페이지 새로고침을 (단축키 F5)  합니다.

• 위와 같이 사이트맵이 정상적으로 제출되어 출력되는것을 볼 수 있습니다.

• 주의사항
  1. 위의 방법은 글의 갯수가 최대 500개까지 한정되어 있습니다.
  2. 따라서 500개 이상일 경우에는 501번부터 1000번까지의 글에 해당되는 사이트맵을 추가로 등록해야 합니다. ( "atom.xml?redirect=false&start-index=501&max-results=1000" )

업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com