구글 블로그(blogger) 이전/다음글 제목 가져오기

미리보기


소스
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>

<ul class='post-nav'>
    <li class='next'>
    <b:if cond='data:newerPageUrl'>
        <a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' rel='next'/>
    <b:else/>
        <a rel='next'><strong>다음글</strong><span>현재글은 가장 최신글 입니다</span></a>
    </b:if>
    </li>
    <li class='previous'>
    <b:if cond='data:olderPageUrl'>
        <a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' rel='previous'/>
    <b:else/>
        <a rel='previous'><strong>이전글</strong><span>현재글은 마지막 글입니다</span></a>
    </b:if>
    </li>
</ul>

<script type='text/javascript'>
//<![CDATA[
(function($){
    var newerLink = $('a.newer-link');
    var olderLink = $('a.older-link');
    $.get(newerLink.attr('href'), function(newer){
     newerLink.html('<strong>다음글</strong> <span>'+$(newer).find('.post h1.post-title').text()+'</span>');
    },"html");
    $.get(olderLink.attr('href'), function(older){
     olderLink.html('<strong>이전글</strong> <span>'+$(older).find('.post h1.post-title').text()+'</span>');
    },"html");
})(jQuery);
//]]>
</script>

</b:if>
</b:if>
구글 블로그(blogger) 이전/다음글 제목 가져오기 구글 블로그(blogger) 이전/다음글 제목 가져오기 Reviewed by jieun on 오후 5:49 Rating: 5

댓글 2개:

  1. 블로거님 이 코드를 사용하고 싶은데 왜 안될까요 ㅠ_ㅠ
    레이아웃 메뉴에서 페이지 본문에 HTML가젯 추가해서 소스를 넣었는데...
    작동이 안되네요..

    답글삭제
    답글
    1. 넣으신 위치가 맞는지 모르겠네요~ 아래 링크 참고해서 적용해보세요
      http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html

      삭제

Powered by Blogger.