이 코드로 작업을 시도했지만 나라의 question에 게시되었지만 HTML 부분을 어떻게 처리해야할지 모르겠습니다. 나는 다소 그것이 < a href = ""> </a> 태그에 있어야한다고 생각했지만 클래스 나 ID를 추가해야하는지 확신 할 수 없습니다. 나는 잠시 동안 코딩을 가지고 놀았지만 여전히 그것을 알아 내지 못했다. 누군가가 나에게 그것을 더 잘 설명 할 수 있다면 정말 고맙겠습니다. 그것은 정말로 많은 것을 의미 할 것입니다. 제 질문을 읽어 주셔서 감사합니다.Re : Tumblr "like-heart-button"스크립트 홈 페이지에
답변
이 튜토리얼은 http://like-button.tumblr.com입니다. 시간이 지남에 따라 사람들이이를 구현할 때 발생하는 문제를 해결하기 위해 업데이트되었습니다. 이제는 간단한 잘라내어 붙여 넣기입니다.
은 기능과 마찬가지로 추가하려면 다음 URL을 사용하여 보이지 않는 <iframe>
의 src
속성으로 설정 :
http://www.tumblr.com/<command>/<oauthId>?id=<postId>
<command>
:like
또는unlike
<oauthId>
:{ReblogURL}
의 마지막 8 자<postId>
:{PostID}
,
예 :
http://www.tumblr.com/like/fGKvAJgQ?id=16664837215
컷 및 </head>
직전 테마에 다음 코드 블록을 붙여 넣습니다. 이렇게하면 기본 Tumblr 회색 심장처럼 보이는 각 게시물에 '좋아요'버튼이 표시됩니다. 마우스로 가리키면 클릭하면 빨간색으로 변합니다. 다시 클릭하면 회색으로 바뀌고 좋아요를 삭제합니다.
코드 :
<style>
.my-like {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABH0lEQVQ4y62T30vCUBiGv/9YuhBLkCA08FdogRFFYFEUhhZNCCQoSESiIOii68pl5qV6s8Eb7+SMHXNs6S7ejZ3zvA+ccT4BICofvS88dJ7w8vqG8WQC754K17lPjrx3z3l8D4YoVaqIrWbcJNbzaHefNZjfXPdy5b0jsO/IRqMxUpmSBnhz2bx1QL79GPbpEePmzhdSyW8fBDL0SK68HwiGCT2S3NiKREaPzP7QRRNPZSHpwm4kMnqkYbQikdEjZv8HK2ubS4nY75mD6WU8qzeXkrHvToBlWSjuHC4kYo99V8bwBnM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+g9hfsHJlJUYljcgAAAAASUVORK5CYII=) !important;
height:17px;
width:19px;
cursor:pointer;
display:inline-block;
vertical-align:top;
}
.my-liked, .my-like:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABSklEQVQ4y2P4//8/Awy/O3fu/905c/4/2779/69Pn/4jy8Hwz/fv/z/buvX/vfnz/7+/eBFFDZj4cOXK/8O+Pv+36+rA8W4zs/8Ply1DUXx/4cL/u0yMUdQdCQ76/+nWLbA6hq+PH//fbW6OogAZ3+zvByu81t6OU80ea6v/P16//s9wqboKpyIYPhYeTlDN1abG/wz7HR0JKiQGH3Bz+8+ww0CfKobtMjb6z0ANg+CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBiPJuZSZFhF8pK/8NzACjrgKKWHINAOef3168Iw0D429OnGFmKEAZlJVDKR8mbMAyy4XRqClEGnc3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJiSgGHQmPf0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBjDrchm7KrAAAAAElFTkSuQmCC) !important;
height:17px;
width:19px;
cursor:pointer;
display:inline-block;
vertical-align:top;
}
</style>
<script>
window.onload = function() {
document.body.insertAdjacentHTML('beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>');
document.addEventListener('click', function (event) {
var myLike = event.target;
if(myLike.className.indexOf('my-like') > -1) {
var frame = document.getElementById('my-like-frame'),
liked = (myLike.className == 'my-liked'),
command = liked ? 'unlike' : 'like',
reblog = myLike.getAttribute('data-reblog'),
id = myLike.getAttribute('data-id'),
oauth = reblog.slice(-8);
frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
};
}, false);
};
</script>
그런 다음 잘라 당신이 당신과 같은 버튼이 원하는 테마에 다음 버튼 코드를 붙여 넣습니다 (이 당신의 {block:Posts}
블록 안에 있어야합니다).
코드 :
<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div>
새로운 리플레이 버튼과 함께 더 이상 작동하지 않습니다. –
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('a.like-link').click(function() {
var post = $(this).closest('.post');
var id = post.attr('id');
var oath = post.attr('rel').slice(-8);
var like = 'http://www.tumblr.com/like/'+oath+'?id='+id;
$('#likeit').attr('src', like);
});
});
</script>
<a href="#" class="like-link">Run Function</a>
당신의 문제를 설명 나는 그것을 시도하고 여전히 실 거예요 작동하지만 답변을 주셔서 감사합니다. –
은 스크립트에서 슬픈 표정을 놓쳤습니다. 다시 시도해 보지 않겠습니까? –
이 코드에는''이 없습니다. – ThinkingStiff
- 1. Tumblr "like-heart-button"스크립트 홈 페이지에
- 2. tumblr 블로그의 홈 피드를 숨기십시오
- 3. 홈 페이지에 로그인 표시
- 4. 홈 페이지에 가입 양식을 만드시겠습니까?
- 5. 홈/보이지 않는 모드를 홈 페이지에 대해서만 다시 작성하는 방법
- 6. Tumblr 사용자 정의 HTML
- 7. Tumblr 페이지의 사이드 바
- 8. RE - 특정 양식을 PHP 페이지에 데이터를 포함하여 인쇄하십시오.
- 9. MongoDB를 : RE
- 10. Python과 "re"
- 11. Magento 홈 페이지에 맞춤 블록 표시
- 12. 홈 페이지에 해커가 삽입 한 스크립트가 있습니다.
- 13. Magento 제품 홈 페이지에 그리드 열 표시
- 14. 홈 페이지에 왼쪽 열을 추가하는 Magento
- 15. Magento 카테고리가 홈 페이지에 표시되지 않음
- 16. Magento - 홈 페이지에 대한 구조 블록 만들기
- 17. Joomla 홈 페이지에 카테고리 기사 표시
- 18. Wordpress 홈 페이지에 업데이트 된 게시물
- 19. 홈 페이지에 "뉴스"를 어떻게 표시합니까? (Magento)
- 20. 북마크 홈 페이지에 iframe이 포함되어 있습니까?
- 21. ASP.NET MVC 4 - 홈 페이지에 로그인
- 22. Magento - 카테고리 앵커가 홈 페이지에 표시되지 않습니다.
- 23. Tumblr Photoset
- 24. 변환 RE> NFA
- 25. Doctrine Migrations Re. Fixtures
- 26. Re-largeable Java BlockingQueue
- 27. paypal re-occurring payments
- 28. Re-Bind UDP 소켓
- 29. Protovis force re-render
- 30. Re : Regex Question (도움말)
더 나은 당신이 여기 –