Merhaba Arkadaşlar ;
Bugünkü yazımız da Blogger kullanıcıları için (bende dahil) olmak üzere burada ki düğmeleri nasıl ekleyeceğiz onu anlatmaya çalışacağım ;
Reaksiyon düğmelerini yükleyebilmemiz için öncelikle ShareThis'e üye olun ve verilen kodları sırasıyla blog sayfanıza kaydedin.
Şimdi Facebook Reaksiyon düğmelerini almak için aşağıda ki adımları sırasıyla uygulayın ;
Şimdi Blogger Tema bölümüne gidin oradan Tema Düzenle bölümüne tıklayın. Aşağıda verilen CSS kodlarını kopyalayıp </body> kodunun bir üstüne yapıştırın.
<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/AVvXsEhFoiufR0biZTq45T3ayJAmCWkd7IsPgWznbfI7kV55x8mfZiPCDIbdWGKpyGY27mrhKQMWWRc8Fa1xxrUuBXRvl_q8pdpXNWz7wjCmdGNGgInuDU_d1J9BIAk1xipZ47wN6E0-r1j-/s0/like.gif)}
[data-reaction=heart_eyes]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTynk2rKKpxwACHbWaNvqRR0l4sdDd5XBIwIv_YIPFDSs79lchLhJTyIJ4OZ78r0sgL76kbXU21kCzb1RkAX6jsPzqeXRaCdgXps981xyyE2QUL0aW6PQKCqY4q7lOMAsjABLcRk6/s0/love.gif)}
[data-reaction=laughing]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOX6hduM2JINsJiyKCd3T58h9bcO5ZcmZLWDiQXdLNs5v3kPogBpUjlmHkdVSKKgPSS92ZHDrwaHzxyZqikCq4ZRsCy4yViurJBrCmScaNLiKNuWT4KRkmg7bfEc5E-J7e8JIqcJQ5/s0/haha.gif)}
[data-reaction=astonished]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8g_pc6CFC1BQg3qT7zD7oE0mIpj3_Ruw5p9kcrRhGPH6_xCFqj50FNt0fF2qECVzVtHy7E0wTL2uK4qjuNRGCn0uuuM07HgwXXTd5QDElzb7I0U89k7kgPPhMKKxTwv7zZNIOcUhT/s0/wow.gif)}
[data-reaction=sob]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL9t0KD9DoivVMKllFRHhC2pZckFCWGfsXiBFaQVWBkko8gyqvYQqQEYCo7YhT0UFfGSDykVAsm7L0aIEHgNxK19zWSq3m4LHU6DSqjkiZY5oSu8IjORkDKC3Dd1c2vx6Aa-TWrDoH/s0/sad.gif)}
[data-reaction=rage]{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5yzQappAaj_tB8CJk3GLwJ6fuSubHhYrPyoB0Cw3fP7S2RZVZMqJ8cm5_8CLCgJ-ESdCqai5uCgDDI5FkceN97OZ0lS-uLpBcjQwBdr7g11339gT8ratxhA34RryoZXQ_ZBkZK6bS/s0/angry.gif)}
/*]]>*/</style>
Kodları ekledikten sonra Temanızı kaydedin. Ve sonuçları kontrol edin.
Bu yazı Serkan Gündoğdu tarafından yazılmıştır. ✔ Bu içeriği Beğendiyseniz Lütfen Paylaşın ⤵
