Blogger için Facebook Reaksiyon Butonu Eklentisi

Blogger için Facebook Reaksiyon eklentileri nasıl ekleyeceğiz onu anlatmaya çalışacağız.

Öncelikle Sharethis Reaction Buttons linkini tıklayarak üye olun.

Daha sonra kod editör sayfamızda </body> kodunu Ctrl+F yardımıyla aratıyoruz. Ve bulduğumuz kodun üzerine gelecek şekilde aşağıda vermiş olduğumuz iki farklı kodları ekliyoruz.

<style>/*<![CDATA[*/
/*!
 * Skin-facebook ShareThis v1.0.0
 * Copyright 2019 zkreations
 * Daniel Abel M. (fb.com/danieI.abel)
 */#st-1 .st-btn .st-text{display:none!important}
#st-1 .st-btn:hover>span.st-count{display:inline-block!important}
#st-1 .st-btn>svg{opacity:0}[data-reaction]{background-size:80px;background-position:center}
#st-1 .st-btn>span.st-count{font-size:10px!important;padding:4px 7px;color:#757575;background:#fff;line-height:1!important;border-radius:5px;border:1px solid rgba(0,0,0,.2);font-weight:700!important;font-family:Roboto,sans-serif;box-shadow:inset 0 2px 2px 1px #fff,inset 0 -2px 20px rgba(173,186,204,.15),0 1px 2px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.05);display:inline-block!important;bottom:5px;right:10px;position:absolute}
[data-reaction=slight_smile]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Uvug7PK4L1A8CQh0U31rPayCfVFm8Z5epQZ9RNLIQZxVx1aVwTldHo3hy4aoZbJPMcvP8JW1PDAN_wFwR5BKIQXboHI9QVSACzB5DpufvuzWVz5ro_UECDn-DbqMoQiuNB1f-Y12/s0/like.gif)}
[data-reaction=heart_eyes]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMq7-E3XQh_Wk-38qzoXNz7ubsYU_l2lSibMsDAQqb47bL1fT_pYTsLw8zWnmrp0D_ur5LtMT8m1tEzvBYt6AnIJjFZgDF54x73lkpGLYZSQLPn1Sx43nayIb-ZJ-PQObyaeB8oNsN/s0/love.gif)}
[data-reaction=laughing]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpZ8vQYwkc1sO3s0RLVWiptiEmZXROglvvjeFc3r436EvpVf-3UFumHMT6NqP-w6zYEDm1TWQTTN6s0F24T_B6vs4kQcx6qATsPz8zz82lub2HNK8HJzl4tiDXaId8c_lS7MZj22vY/s0/haha.gif)}
[data-reaction=astonished]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJzMyTRMK_z5ZuefOX6UvA2uZhAOH93jjDLqXMI4ADQA2fRglEk3rKjuIqmnyAWGOs_gMiEcUHH8cc4QoSYI9r3hyHR9zDh7_3DbWvrSpDsl9EPLFzxf-RGN8RFZUeXnBVMX6cE-M/s0/wow.gif)}
[data-reaction=sob]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pnMObqamDVu3L1LfnVudO-vLg3BHa5LF4sfSjwfMuDZLaOgCop2VitskkJMngcl0uh3f_e3TdyEL0LTy-OSblRihBc5QzAXucvPq6lhyphenhyphen4cTLHd27iBUGFKTBldTSdjdzqGhVU59h/s0/sad.gif)}
[data-reaction=rage]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDhVRCUD6h4n6VVA9WF-_NtLEc8ZJqmkh78aOFxtYxnrSY0Zf186POqHeiE8zSdWRpDqKqKUva6dzYL8bQy6h2WSHdRSAHpMJkKjZj_KTswLiiqZ4LMcSoOi88sMtLQbZXves6QEE/s0/angry.gif)}
/*]]>*/</style> 

Daha sonra yine aynı şekilde </body> kodunun üzerine aşağıda ki Facebook Reaksiyon kodlarını ekliyoruz.

<script src='//platform-api.sharethis.com/js/sharethis.js#property=5a93bf00e3b02a00133b3175&amp;product=inline-reaction-buttons' type='text/javascript'/>
    <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> 
<script> 

Ve son olarak Emoji butonlarını aktif hale getirecek aşağıda ki kodu <data:post.body/> kodunun bir satır altına gelecek şekilde ekliyoruz.

NOT: <data:post.body/> kodundan kod editör sayfanızda birkaç tane olduğundan tek tek denemenizi tavsiye ederim.

<div class="sharethis-inline-reaction-buttons"></div>

Bütün işlemler bu kadar herkese kolay gelsin.