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.

About the author

Serkan Gündoğdu
Bilgisayar ve Yazılım Programları Hakkında En Güncel Bilgiler Bu Blog'da Bizi Takip Etmeyi Unutmayın.

Yorum Gönder