구글 블로거 최신 글 목록 만들기

 

구글 블로거는 놀랍게도(?) 최신 글 목록을 보여주는 가젯(또는 플러그인)이 존재하지 않는다.

 

생각보다, 지원하지 않는 것이 많다는 것에 놀랍다. 하지만, 언제나 그렇듯 사람들은 늘 해답을 찾아왔고 이번 문제 또한 마찬가지다.

 

 

HTML/자바스크립트 추가

구글 블로거 HTML/자바스크립트 설정 화면

먼저 블로거 설정화면에서 이동해서 HTML/자바스크립트를 사이드바에 추가해준다.

순서는

레이아웃 -> 가젯 추가 -> HTML/자바스크립트

순으로 클릭하면 된다.

 

 

 

제목 및 콘텐츠 작성

제목에는 보여지는 이름을 작성하면 된다. 콘텐츠는 하단에 스크립트를 복사한 후, 붙여넣기 한다.

 

그리고 [주소]라는 명칭에 자신의 블로그 주소로 대체한다.

 

예를 들어 나의 경우, [주소]를 https://lifememob.blogspot.com 으로 대체하였다.

 

 

콘텐츠

<div id="hlrpsb">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script>
<script src="[주소]/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>