EDIT, April 2013 : 이전 코드가 더 이상 사용되지 않습니다. 대신 Tumblr의 '좋아요'및 '다시 블로그'버튼에 대한 새로운 단축 코드를 사용하십시오!Tumblr 빠른 버튼이 작동하지 않습니다.
http://developers.tumblr.com/post/49193689915/attn-fantastic-theme-developers-tumblr-users-can
오래된 코드 : 나는 ThinkingStiff의 코드 (https://stackoverflow.com/a/9048446/351320) @ 사용하고
. 의 하단에
{block:Posts}
{block:Text}
<li id="{PostID}" class="post text">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{Body}
</li>
<a href="{ReblogURL}" class="reblog">reblog</a>
<a href="#" class="like">like</a>
{/block:Text}
CSS
#like-it {
display: none;
}
.liked, .like:hover {
color: red !important;
}
JS
$(document).on('click', '.like', function (event) {
event.preventDefault();
var command = $(this).hasClass('liked') ? 'unlike' : 'like',
post = $(this).closest('.post'),
oauth = post.find('.reblog').attr('href').slice(-8),
id = post.attr('id'),
likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
$('#like-it').attr('src', likeUrl);
$(this).toggleClass('liked');
});
과 빈은 iframe : http://themelab01.tumblr.com/
내 HTML 코드 :
여기에 라이브 예제 그만큼 페이지. 그러나 이것은 작동하지 않습니다. 'like'를 클릭하면 내 대시 보드에서 좋아하는 게시물 수가 늘어납니다 ("좋아요"게시물이 표시됨)하지만 좋아하는 페이지에는 게시물이 표시되지 않고 텍스트는 빨간색으로 유지되지만 그렇지 않습니다. 내가 실종? 내가 절단 및 붙여 넣기 노력하기 위해 최근에 내 코드를 업데이 트했습니다
나는 아래의 코드를 업데이트 기록했다. 위 예에서'{block : Text} '안에'{PostID}'가 있습니다. 즉 사진과 같은 다른 게시물 유형에는 표시되지 않습니다. 또한'like-it''이'