أزرار التفاعل متحركة v2



السلام عليكم ورحمة
الله وبركاته

قمنا سابقا بتقديم هذه الاضافة لذا نطيل عليكم بالتعريف
عنها أو عن مزاياها
فقط تم تطويرها لتصبح بتأثيرات أنيميشن
كالموجودة على الفيسبوك تماما

طريقة التركيب
  1. ابحث عن الوسم </body> وضع فوقه الكود التالي
  • <script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=5c9c2853fbd80b0011b664f6&amp;product=sop' type='text/javascript'/>

  1. قم بفتح حساب على الموفع واتمام الخطوات ونقل الأكواد
  2. ابحث عن الوسم <data:post.body/> وضع أسفله الكود التالي
  • <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='sharethis-inline-reaction-buttons'/> <div class='clear'/> </b:if>


  1. ابحث عن الوسم </head> وضع فوقه الكود التالي
  • <style type='text/css'> /*<![CDATA[*/ /* ShareThis Custom Reaction */ #st-1 .st-btn .st-text{display:none!important} #st-1 .st-btn:hover &gt; span.st-count{display:inline-block!important} #st-1 .st-btn &gt; svg{opacity:0}[data-reaction]{background-size:80px;background-position:center} #st-1 .st-btn &gt; span.st-count{font-size:10px!important;padding:4px 7px;color:#222;background:#f0f0f0;line-height:1!important;border-radius:5px;font-weight:bold!important;display:inline-block!important;bottom:5px;right:10px;position:absolute} [data-reaction=slight_smile]{background-image:url(https://3.bp.blogspot.com/-hNfE5e1Qo3c/XMLiPrFuOFI/AAAAAAAAOm8/pl6tOHh_y2AmumaMK6dQOQ36fP6BjC7_QCLcBGAs/s1600/like.gif)} [data-reaction=heart_eyes]{background-image:url(https://1.bp.blogspot.com/-HgD0g2IiNLk/XMLiQOHSAxI/AAAAAAAAOnI/tC61Ug_I9zIpIeCVBrcg8QtoGQH7cOoNACLcBGAs/s1600/love.gif)} [data-reaction=laughing]{background-image:url(https://1.bp.blogspot.com/-liSaUgXsZXo/XMLiP-Z3NkI/AAAAAAAAOnA/idWXMbOdLMIzaz7P_lYvH25NSu6UrPkuQCLcBGAs/s1600/haha.gif)} [data-reaction=astonished]{background-image:url(https://2.bp.blogspot.com/-fEsfdOAj6m4/XJKUodnOstI/AAAAAAAAGuM/7HkgAaOkelo68pfgJUeQUqgK5If23LvkQCLcBGAs/s1600/wow.gif)} [data-reaction=sob]{background-image:url(https://2.bp.blogspot.com/-8UjP6O6ZBus/XMLiQgaU5BI/AAAAAAAAOnM/mc0GAQW4kZg4BjtdiHFpBStGzMB6LYW6wCLcBGAs/s1600/sad.gif)} [data-reaction=rage]{background-image:url(https://2.bp.blogspot.com/-aCtZlJ68tps/XMLiP-pNq7I/AAAAAAAAOnE/UTFuQzM58k4SnUvFGBXbh5bTnZsQYTvGACLcBGAs/s1600/angry.gif)} /*]]>*/ </style>



ليست هناك تعليقات:

إرسال تعليق