Blogger Facebook Reaksiyon Butonu Ekleme

Öncelikle aşağıda ki CSS kodlarını </body> kodunun üzerine gelecek şekilde 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/AVvXsEjCuDZgkDF9gOCPmPyYQZnnja7i1Cp1BzeL90MwkopLzGz4CGztuYKAP42z8MjLO-UuCqF_7BJhI8dRcXf7gWzLkpJpTVmAaEVGEIeMnam6gSzXAFSDYTW9xPuEHo4YlW-MYOuja-E/s0/like.gif)}
[data-reaction=heart_eyes]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicyvrzJk9lf3ti16QMj4_esjt41_3Eiqjp8_4LD4T8vfAudiGbGnVvyJ_zyC_gCDCNAd3Ezpg_2jscpTYyg5EdDFCRemrEEe4ViuaK9jJa965CtNpiof7-wrGn33kptW5A9VQ7FHM/s0/love.gif)}
[data-reaction=laughing]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7I0TM2Lahza_uDhHs-E-nTAFh3HKHJj9vvYIzlz3VG4aEKHl4E3LCSPiPG6t1g5c6dQrk51WJQA6tZ-saL84Dy23K9be7J5RVgXahO-kfZz9vwJM9r73MZ_FFhSVXqL9MqbFGhKk/s0/haha.gif)}
[data-reaction=astonished]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0S36eO2OtQb4Lh2wEuHL2CbIrOiJYn5Ew8Fnjavv6DxA4Ixevcd4nR4OXvGUDdxaByBUktzS2avN0NzjelMIJP3hx2JarzhrQtlwEsehf5Jb0e5bG7GI4GtosNmGgiAqm1X9n6hw/s0/wow.gif)}
[data-reaction=sob]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEima1dQijg3Agpt74yAlCt6zgZqlbD0L9QuckIUFy9tNCKUCKG8ubHXMwqOYMHm08b9NEQf35_hPS15v-R5ul-QpDHL5ztUZimLJfDBSjnOAHxZu4JgzHvxBM-yFoepuiZXC-bGAWs/s0/sad.gif)}
[data-reaction=rage]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbsJMNU0wHfMZUOkNmU_YASP8HcPOJP3bxrNphv8rkFeQ6tlnAbx2v1BtnGfb3MQOq_nUaHM3AmHaBuDHFOS-5EpgeRWifgOaOs8H0Q5un1XjJnK7B_dz88HM4YCOA8RNNymTVit8/s0/angry.gif)}
/*]]>*/</style> 

Şimdi yine aşağıda vermiş olduğumuz JavaScript kodlarını </body> kodunun yani az önce eklediğimiz kodunun altına 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> 

Son olarak aşağıda vermiş olduğumuz HTML kodunun <data:post.body/> altına gelecek şekilde ekliyoruz.

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

Bütün işlemler bu kadar daha sonra blog sitenizi kontrol ederek Facebook reaksiyon butonları yayınlarınızın altın da görünmüş olacaktır.

Go to Link

© Serkan Kod Editörü