Tumblr Beğen Butonu Ekleme

Şimdi bu aşağıdaki kodu kopyala sonra aynen normal kod eklediğin yere ekle

Detaylı anlatım > Kod Nasıl Eklenir?

<style>

.my-like {

     background-image: url(http://static.tumblr.com/b8yqvki/yxFmajxa5/amandarickathemeunliked.png) !important;

    height:20px;

    width:21px;

    cursor:pointer;

    display:inline-block;

    vertical-align:top; 

}

.my-liked, .my-like:hover {

    background-image: url(http://static.tumblr.com/b8yqvki/CCTmajxau/amandarickathemeliked.png) !important;

    height:20px;

    width:21px;

    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>

Şimdi bu kodu ekledikten sonra, (bu kod arka plandaki çalışmasını sağlayan kod) görünmesi için de ayrı bir kod ekliyoruz.

o da;

<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>

şimdi bunun olayı biraz daha farklı bunu içerik kutularının içine ekliyeceksin.

Onun için içerik kodlarının çerçevesinin ismini bulup oraya eklemen gerekiyor,

çerçevenin adını bulmak için, (bu çerçeve dediğim olay resim, yazı vsvs onun dışındaki yer)

resmin hemen dışında bi yere sağ tık yapıyoruz çerçenin ismini öğreniyoruz

bu kod muhtemelen posts veya entry veya box olabilir

ardından çerçevenin adı ne ise ikinci verdiğim kodu bunun hemen altında yapıştırın.

kod #posts { } gibi olmayacak 

şuna benzer olacak;

<div id="posts"> 

block:posts vsvs 

bunun altında bi yere yapıştırın

eğer görünmezse o civarlarda başka yerlere yapıştırın mutlaka olacaktır, 

yardım için yorum yazabilirsiniz

ve lütfen bloğunuzun linkiyle