블로거 첫화면 글이 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

2017 최고의 블로그 사이트 (2017 Best Free Blogging Sites & Platforms)

2017년 각 블로그 사이트별 특징들.

• 각 블로그 사이트별 특징들은 아래와 같으며, 각각의 특징들을 추가적으로 업데이트될 예정입니다.

블로그 사이트들 (Blog sites)

• 블로그 닷컴 (Blog.Com)
• 구글 블로거 (Blogger.com)
• 미디엄 (Medium.com)
• 스퀘어스페이스 (Squarespace.com)
• 윅스 (Wix.com)
• 위블리 (Weebly.com)
• 고스트 (Gost.org)
• 펜주 (Penzu.Com)
• Svbtle.com
• 웹스 (Webs.com)
• 텀블러 (Tumblr.com)
• 워드프레스 (Wwordpress.com)
• 네이버 블로그 (blog.naver.com)
• 티스토리 (Tistory.com)

최고의 블로그 사이트는? (Best Blog Site?)

필자가 생각하는 최고의 블로그 사이트는 개인 서버 또는 호스팅 업체를 이용한 워드프레스입니다. 워드프레스는 시각적으로 알아보기 쉽게 되어있어 초보자도 드래그 앤 드롭 방식으로 사이트를 꾸밀 수 있으며, 소스코드를 마음대로 수정할 수 있도록 되어있기때문에 전문가들도 아주 편리하게 이용할 수 있습니다. 또한, 수 많은 테마와 플러그인들이 있어 부족한 기능을 찾기 어려울 정도입니다.

업데이트 글 보기 (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

사이트맵 생성 프로그램 Sitemap generator

사이트맵이란? (What is Sitemap?)

사이트맵은 홈페이지나 블로그의 지도를 XML 형식의 파일로 나타내주는 파일입니다. 구글, 네이버, 다음, 야후와 같은 검색 사이트가 방문자가 특정 단어를 검색하면 이 파일을 가지고 가장 빠르게 검색 결과에 본인의 홈페이지나 블로그를 보여줄 수 있도록 해주는 일종의 지도입니다. Sitemap의 가장 간단한 형식은 검색 엔진에서 사이트를 보다 지능적으로 크롤링할 수 있도록 각 URL에 대한 추가 메타데이터(마지막 업데이트된 날짜, 변경 빈도, 사이트의 다른 URL에 상대적인 중요도)와 함께 사이트에 대한 URL을 나열하는 XML 파일입니다. (Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site.)

사이트맵 형식 (Sitemaps XML format)

Sitemap 프로토콜 형식은 XML 태그로 구성됩니다. Sitemap의 모든 데이터 값은 엔티티 이스케이프되어야 하며 파일 자체는 UTF-8로 인코딩되어 있어야 합니다. Sitemap은 다음 사항을 만족해야 합니다.

• 여는 <urlset> 태그로 시작해 닫는 </urlset> 태그로 끝납니다.
• <urlset> 태그 안에 네임스페이스(프로토콜 표준)를 지정합니다.
• 각 URL의 <url> 항목을 상위 XML 태그로 포함시켜야 합니다.
• 각 <url> 상위 태그에 <loc> 하위 항목을 포함시켜야 합니다.

사이트맵 업데이트는 언제 해야 되나요? (How often should I update my sitemap?)

Sitemap은 해당 사이트의 컨텐츠 구성을 나타내주는 일종의 지도이므로 새로운 컨텐츠를 생성할때마다 업데이트를 해줘야 합니다. 즉, 매일 매일 새로운 글을 블로그에 업데이트를 하면, 그 때마다 새로 사이트맵을 생성해서 검색 사이트에 다시 등록해야합니다. 워드프레스와 구글 블로거와 같은 경우 사이트맵을 자동적으로 매일 업데이트되므로 이러한 번거로움이 없지만, 티스토리 같은경우 매일매일 업데이트를 수동으로 해주고 검색 사이트에도 등록해줘야 합니다.

온라인 사이트맵 생성기 (Online web-based sitemap generator)

• Online XML Sitemap Generator (http://www.web-site-map.com/xml_sitemap.php)
  • Can cover around 5000 pages depending on the site condition

컴퓨터 설치방식 사이트맵 생성기 (Offline free sitemap generator - Need to install)

• Visual SEO Studio (Download at here!!!)
  • Crawl and see on-site issues with ease
  • Comprehensive SEO suggestions to guide you
  • Full control of your XML Sitemaps
  • Community Edition is Free
  • 30-day Trial of the Professional Edition

• G-Mapper (Download at here!!!) : G-Mapper is a free, unlimited, HTML, RSS and Google XML Sitemap generator compatible with all major search engines including Google, Bing, Baidu, Yandex and more. Sitemaps tell search engines when and how often pages are updated, and their relative importance to improve your website coverage and ranking.
  • Automatically spider your website
  • Full support for the sitemap.org 0.9 protocol
  • HTML, XML, RSS, and text sitemap formats
  • Compatible with Google, Yahoo, Microsoft Bing and more
  • Support for Google sitemap images 1.1
  • Easy manual editing of files individually or in batch
  • Fully configurable with simple sitemap configuration wizard
  • Unlimited sitemaps each with their own configuration
  • Unlimited number of files and folders in a sitemap
  • Automatic spidering of pages and their meta data
  • GZIP compression for faster upload
  • Upload your sitemaps to your server using FTP
  • Ping Google, Yahoo, Microsoft Bing and Ask
  • For more information see the quick tour or detailed help

• GWebCrawler & Google Sitemap Creator (Download at here!!!)
  • Include only if URL contains field
  • Exclude URLs containing field
  • URL variables to parse out - only one variable is supported as of now
  • Save / Load Form's settings
  • Save / Load Queue file
  • Create Google Sitemap XML file
  • See the Queue list while processing
  • Thread Priority can be set while script is running
  • Show details of processing as how many unique urls were parse out, which one is being processed...
  • Shows current version in real time

• Woderwebware sitemap generator (Download at here!!!)

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

• 홈페이지나 블로그를 운영할 경우, 방문자들이 좋은글이나 유용한글을 본인 소셜미디어 계정으로 복사해가거나, 프린트하기, 전달하기 등을 이용할 수 있도록 만들어주는 플러그인입니다.
• 요즘같이 다양한 소셜미디어가 사용되는 시대에, 각국마다 인기있는 여러가지 소셜미디어들이 사용되는데 일일이 찾아다니는 번거로움을 줄여주고 한번에 다양한 소셜미디어 공유하기 버튼을 만들어 줍니다.
• 먼저 애드디스 사이트에 가입해서 계정을 만듭니다. (https://www.addthis.com/)
• 그리고 Add Profile 버튼을 클릭하여 사이트에 부착할 새로운 공유버튼 플러그인을 만듭니다.

• Profile 이름을 입력합니다.

• 방문자에게 보여줄 소셜미디어 공유버튼을 만듭니다.

• 여러가지 방식 중 제일 많이 사용하는 공유하기 버튼 부착형인 첫번째 아이콘을 클릭합니다.

• 사이드바 방식, 글 중간 삽입방식, 확장형 등 여러가지 방식들 중 원하는 타입을 선택합니다.

• 워드프레스의 경우 따로 워드프레스 플러그인을 메뉴에서 설치하시면 됩니다. 그 외에 사이트에는 아래와 같이 </body>가 끝나는 부분에 직접 HTML 소스코드에 Addthis 스크립트를 삽입하는 방식으로 설치합니다.

• 구글 블로거 (GoogleBlogger)의 경우 아래 소스코드처럼 본문밑이나 라벨윗부분 또는 기존 공유버튼을 삭제하고 그 자리에 삽입할 수 있습니다.

• 다음 티스토리의(Tistory)의 경우 아래와 같이 본문이 삽입되는 소스코드 바로 밑에 삽입하기도 합니다. (티스토리 태터데스크를 사용할 경우 Addthis 플러그인이 작동하지 않습니다. 따라서 태터티스크를 사용하지 않아야 이 플러그인이 정상적으로 보입니다.)

• 정상적으로 설치하였으면, 아래와 같이 각각 설치한 플러그인이 보입니다.

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

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

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

• 마우스 우클릭 방지 (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 파일입니다. 보통 이 파일은 사이트 제작 플랫폼에서 자체적으로 지원하거나 또는 플러그인으로 지원되기도 합니다만, 티스토리와 같인 형태의 블로그는 자체적이거나 플러그인으로도 지원되지 않습니다. 따라서 사이트맵을 생성해주는 사이트에서 직접 만들어서 업로드해야합니다.

• 먼저 사이트맵을 생성해주는 주소로 이동합니다. (http://www.web-site-map.com/xml_sitemap.php#status)

• 파일을 생성할 사이트의 주소를 입력하고, 보안 문자를 입력합니다. 그 이외의 다른 옵션은 그대로 놔두고 맨 아랫부분의 "Create free XML Sitemap" 버튼을 클릭하면 파일이 만들어집니다.

• 파일이 다 만들어졌으면 아랫부분의 "download your Sitemap" 링크를 클릭합니다.

• 오른편의 Download 링크를 클릭하여 저장하면 사이트맵 파일이 완성됩니다.

업데이트 된 글 보기 (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